关于朗文双解排版问题

毛小驴 · 发表于 2020-9-11 19:57:26

在论坛上看到有朗文英文版的精美排版（上图）（https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=14312&extra=&page=1），hanyl05大后面发过朗文双解的6++V3.0（译文完整版）（下图）（https://www.pdawiki.com/forum/thread-38318-1-1.html?x=3963），无奈hanyl05大就是感觉排版不好看，自己好像也不会排版，想请教各位大神，有没有可以将hanyl05大版的按照这样给排个版呢，当然也不会悬赏什么的，纯粹是看到这个排版很完美而已，提一嘴。

liqima · 发表于 2020-9-11 23:38:56

哦。。。这个。。。

Jiangxi · 发表于 2020-9-11 23:50:41

这是mg100的排版，的确漂亮

baodi · 发表于 2020-9-12 08:00:55

如果html 树也完全相同,那直接替换里面的css文件估计就能完成排版.

毛小驴 · 发表于 2020-9-12 08:45:23

baodi 发表于 2020-9-12 08:00
9 G- Y6 ~+ }! b& o1 o4 T0 q8 X# O: I如果html 树也完全相同,那直接替换里面的css文件估计就能完成排版.

这个排版是英文的，而且有的内容并不相同，所以感觉直接替换怕是不行，还得有大神给调整一下

helloit · 发表于 2020-9-12 10:53:00

毛小驴发表于 2020-9-12 08:45
/ s: c0 E: @( b% i# x这个排版是英文的，而且有的内容并不相同，所以感觉直接替换怕是不行，还得有大神给调整一下 ...

不如图中排版，只会一点皮毛，不再修改。不喜欢的话另找大佬～

毛小驴 · 发表于 2020-9-12 11:01:33

helloit 发表于 2020-9-12 10:53% v/ L, @% `, X5 g+ V/ p9 q
不如图中排版，只会一点皮毛，不再修改。不喜欢的话另找大佬～

可以啊兄弟！

，这个比原来的看来已经顺眼许多了，放一张你这个的效果图，让大家羡慕下，想要的可以看看效果，是比mg100的有点距离，感觉是有点乱？看来没事儿得学学怎样排版了，还是根据自己的要求自由调整来的爽快点

dfliaoyue · 发表于 2020-9-12 14:14:01

我觉得lz可以琢磨下css。照着w3school的文档改就好，选一个词条粘出来弄个单独的html文件在浏览器里看效果。别人的排版不会总有合心意的。
我其实也是从0开始折腾的，不管咋说css比js好弄多了，更不用说和整理词典文本比。仅仅改动font-size、color、line-height、background、border、margin、padding这几个属性就能把别人的排版改头换貌了。

毛小驴 · 发表于 2020-9-12 22:23:00

dfliaoyue 发表于 2020-9-12 14:140 p j% D5 e m6 W5 i' D/ F2 u, m: P
我觉得lz可以琢磨下css。照着w3school的文档改就好，选一个词条粘出来弄个单独的html文件在浏览器里看效果 ...

是的，我这两天也下载了些好的排版样式，对照着在学习调整，希望可以调个好的样式出来，共同进步吧

thinkinginlast · 发表于 2020-9-14 11:31:05

本帖最后由 thinkinginlast 于 2020-9-14 12:31 编辑

@Jiangxi，@helloit最好请@mg100放出css试试。不仅仅是好看，好久之前我就模仿了一个，不大搞得定自适应排版，只是有个意思，其实是可以用的。放哪里了，我得找一下，找到就发个私货，聊且体验下。

，不喜欢五彩，要改，请自己改。有意思的是，屏幕大小不同，意项单列可变多列，时间过久，我也忘记咋弄的，这半成品和@mg100大佬可比不了，见笑了，码很乱。
服务报错，zip，jpg都贴不上来了。直接用txt，拷贝复制，请自己改正确的CSS名字，搞完，可以帮我补个图哈。

*{word-wrap:break-word!important} `! [: Z7 ]# G; |: e2 A! y4 E0 x
.entry{line-height:150%;color:black;display:block;font-family:Arial,sans-serif;color:#000}, \5 y& @1 F5 _0 G$ \& s
.abbr{font-weight:bold}
( w L3 S0 t7 N
.ac,.ac{padding-left:2px;padding-right:2px;border-radius:2px 2px 2px 2px;border-style:solid;border-width:1px;font-variant:small-caps;font-size:80%;font-weight:bold;color:blue}( ]" z; o6 E; l7 W
.amequiv{font-weight:bold}
9 N( b( {( W3 E0 \6 o ~
.brequiv{font-weight:bold}
1 v5 U/ H# L5 W
.collo{font-weight:bold}
1 p/ W; F/ H' ~9 m+ }
.colloexa{display:block}/ s3 Q/ }5 S0 w2 f4 @( r
.colloinexa{font-style:italic;font-weight:bold}" L8 u1 O& d; ^# e S
.comp{font-weight:bold}
8 Z" V7 \1 r( K7 s1 ^
.deriv{font-weight:bold;color:blue}
. H7 K3 V- Z4 P: k. F
.errorbox{display:block}
4 f$ s( A9 y8 o3 ?
.etymsense{display:block}5 A) h+ }$ h% @8 h
.etymrefhwd{font-style:italic}
6 F" I6 c, N2 w# L2 |3 a9 k3 ]. Y
.etymrefhom{font-size:80%;vertical-align:super;font-style:normal}# L+ |4 S) s8 |$ s1 s% l
.etymorigin{font-style:italic}3 m9 I: C+ q8 R, f: x; V H2 N7 w
.etymtran{font-weight:bold}+ H% I* Q7 ^& A% h
.etymbox{margin-top:1em;display:block}
1 b/ g Y: ?6 Q
.example{font-style:italic;display:block;color:blue}) o- W% G: `4 Y0 @$ {- K
.freq,.freq{padding-left:2px;padding-right:2px;border-radius:2px 2px 2px 2px;border-style:solid;border-width:1px;font-variant:small-caps;font-size:80%;font-weight:bold;color:red}5 _7 s' f7 m8 s6 u
.level{color:red;font-size:160%}
N/ @# O+ ]& E. I5 L3 J% z
.fullform{font-weight:bold}8 J/ g+ e1 {5 Q: Y
.geo,span.geo{font-weight:normal;font-style:italic;color:purple}1 h' b" Y, {9 ~ `
.gloss,.collgloss{font-weight:normal;font-style:normal;color:black}
: m3 ]# I4 q3 [: g6 q0 D
.gram{color:green}$ l; a% }+ L/ o; |# e% I& I
.hintbold{font-weight:bold}! N! J2 C+ Y% j( q/ @* t1 b
.hintitalic{font-style:italic}
" |( A2 M) i1 i: v; w. z3 y
.homnum{vertical-align:super;font-size:8pt;color:blue;font-weight:bold}
/ M% C* Z. z9 s/ b- p: q0 Q
.hwd{display:none}
: l+ [3 t" L" y
.hyphenation{font-weight:bold;font-size:120%;color:blue}
+ {* A6 c( c0 H0 ]& j9 x
.frequent{color:red}! @- l3 Q" v- E6 W1 ?+ t
.lexunit{font-weight:bold}, E) V3 o- I/ d" v
.lexvar{font-weight:bold}
; n2 g' l5 `$ L7 O/ G
.linkword{font-style:italic}
# R3 n7 f S6 y& v$ m" m5 y
object{font-weight:normal}% h1 M- l: e, v8 v3 x' G C; |( Q
.opp{font-weight:bold}! ^2 S. q7 U% t6 u& b
.orthvar{font-weight:bold}* Q! V) q" ~/ |( [
.pastpart{font-weight:bold}
0 l5 z5 l0 o' n, Z1 Z
.pasttense{font-weight:bold}
. o, p& N* Y9 |
.phrvbentry{display:block;margin-top:10px;margin-left:10px}
; ]* M3 V1 _* D) y d
.phrvbhwd{font-weight:bold;color:blue}" j) W( B4 l3 u k) G" Z0 H+ a
.pluralform{font-weight:bold}. q+ ~* m4 ?. C
.pos{font-style:italic;color:green;font-weight:normal}3 q6 u$ s2 H& }! [$ e G( I
.prespart{font-weight:bold}) t( p6 S- _% w- M! B
.propform{font-weight:bold;display:block}; J2 {$ ]- h) p1 y
.propformprep{font-weight:bold;display:block}
! y3 h) {* Z7 K, x
.ptandpp{font-weight:bold}6 x0 B: ^$ T, i* R* n! W7 N
.refhomnum{vertical-align:super;font-size:60%}" x+ G- \/ P0 G* D; `) M
.refhwd,.refsensenum{font-style:normal;font-variant:small-caps;text-transform:lowercase}) x! S! V* I3 W0 _: O9 ~
.refsensenum{font-size:80%}- o" h4 E% f! _. G( h( \# a3 w. i
.reflex{font-weight:bold}& Z2 n- D1 c' b( f J
.registerlab{font-style:italic;color:purple}3 [& x2 ^4 x3 b8 {) A! ?* s
.relatedwd{font-weight:bold}
! X- B4 W9 Q2 N+ I5 W/ A0 c
.runon{display:block;margin-top:8px}; z" k' N0 f% _$ }3 m& p0 O
.sense{display:block}( |' R& P# w6 S# y/ l+ H4 i9 u
.signpost{color:white;background-color:#35a3ff;margin-left:.5em;font-weight:bold;font-variant:small-caps;text-transform:uppercase;font-size:80%;padding:1px 2px 1px 1px}6 Z/ u* ]; U9 t1 t2 h7 M: d
.spokensect{border-top:solid;border-bottom:solid;border-width:2px;display:block;margin-bottom:1ex;clear:both;margin-top:1ex;border-color:#00a2e8;padding:3px}
/ k7 C9 A) P0 O$ X
.spokensecthead{display:block;color:#00a2e8;font-weight:bold}
1 ]* U7 o: H x7 ~& N
.pronstrong{font-style:italic}
) a+ R3 B- }( z1 s; D
.subsense{display:block}
9 {! ?5 x- }+ l% E/ W u
.superl{font-weight:bold}/ N) x8 v% Y/ V- a
.syn{font-weight:bold}% w& t* U3 Q! a8 r# l8 ~5 V
.t3perssing{font-weight:bold}. @ Q1 i3 V0 g' j l$ W$ |
span.neutral{font-style:normal;font-weight:normal;font-variant:normal;color:black;text-decoration:none}" c: Q) H$ a, k, V8 ~
.cross{color:red;font-weight:bold}9 z7 k6 l3 V/ D2 q4 a N3 n
span.italic{color:black;font-style:italic;font-weight:normal}0 Q: V7 b m n; ^* E4 U2 z
.badexa{text-decoration:line-through;font-style:italic}
. w: |: k+ [/ d# B# x3 t. L s9 x
.hint .expl{display:inline}
0 @1 l: x* j Z% y, K
span.infllab{font-style:italic;font-weight:normal}
4 h# e- o, j: d# p0 q
span.warning{font-style:normal;font-weight:bold;color:red}
0 ^2 z B+ ^) y! P4 h6 ?. @
span.sensenum{font-style:normal;font-weight:bold;margin-right:3px;color:blue}
7 C; _ }6 s' b' b1 {' ^/ d
span.synopp{padding-left:3px;padding-right:3px;border-radius:2px 2px 2px 2px;border-style:solid;border-width:1px;font-variant:small-caps;font-size:80%;font-weight:bold;color:blue}) m% R2 x2 ~5 u2 O. r+ @) H n
.subheading,.secheading{display:block;font-weight:bold;font-weight:bold;color:white;background-color:#8187bf;margin-left:-3px;margin-right:-3px;font-variant:small-caps;padding-left:3px}
( F- |1 [. D7 m; w8 R& F2 M5 z9 `+ u
.collocate,.exponent{display:block;margin-top:5px}) M" F7 e& ~, } r5 H
.collocate.inline{display:inline}; {. F3 {% |0 j' O9 Q" r0 |) x# R
.expl{display:block;padding:0 3px}& q. E% q( f( Z3 ~7 ?$ y7 |" \
.colloc{font-weight:bold}
|: B# f5 ?0 I6 v- Y R
.exp{font-weight:bold}% C, ?# j5 C. w+ M+ I9 d
.expr{font-weight:bold}/ E j5 E$ P" S6 j( V& Z' g
.colloc.key{color:blue}
" c8 u' K" A. O
span.keycollo{font-weight:bold;color:blue}4 Q5 Q8 y E. f: g4 u
.thespropform{font-weight:bold}4 Y/ [) a8 ? ]2 @. f+ t7 h
.goodcollo{font-weight:bold}( j' k c7 _) K+ G
.badcollo{text-decoration:line-through}. F) W/ D6 j1 l0 y$ J! X1 M A* q; P
.defbold{font-weight:bold}1 R, o, E$ x- A) Z3 s: w8 O
.thesref.newline{display:block}7 ?6 K* |/ E% U2 G3 t
.heading.newline{display:block}( s f) U5 A3 V6 R/ h2 f7 I
.thesref span.thesaurus{color:blue;font-variant:small-caps}
1 W8 T# C! \2 c
.thesref .refhwd,.thesref .refhomnum{color:blue;font-weight:bold}
6 o$ U( B. W8 b2 ^8 `* Q. Y
i{font-style:italic}6 J% I# i! ^! r" a$ y3 e5 w
.imgholder{cursor:pointer;display:block;margin-bottom:1ex;padding:2px;
. j2 ?3 }# t9 z; ]; e/ C
//clear:both;
! t5 Z- ]9 j' }, w
//float:right;+ _8 J1 { B/ t) s _. t
}2 x: o7 ~ }' G; M: k
.imgholder img{% ]: }/ |; G& y2 z* \
max-height:25em;" i" l; a6 ]) {8 Z1 x5 e
//display:inline-block;* g! O) m; P+ E T& {
. A5 k) i% B- s1 K! ^) k
}# c" t8 l, A6 s1 T; r4 _. q' H/ E
.buttons{display:block}
/ v/ u7 g! q; N- }5 J1 u% ]
.popup-button{background-color:#f0f2fc;border-radius:2px;border:1px solid #7e92c7;color:#7e92c7;text-transform:uppercase;font-size:66%;padding:2px 3px;text-decoration:none}* r2 h( H9 Z" j2 c8 h
.popup-button-hover{background-color:#dfe3f8;cursor:pointer}' ^7 N! Q9 ^6 [
.popverbs{display:block;color:white;font-weight:bold;background-color:#ec008d;padding-left:3px;margin-bottom:5px}. Z, \4 j7 g. a7 k6 m
.verbtable .lemma{color:blue;font-size:120%;font-weight:bold}
0 E8 b6 G% A8 G2 A' x; d
.verbtable table{border-collapse:separate;border-spacing:1px;margin-top:10px}6 G0 B- P$ h! g' Q0 P( i8 X
.verbtable td{padding:0 5px 0 2px;border-style:solid;border-width:1px;border-color:#d2d2d2}
( K% A6 A% v! M7 M
.header{font-weight:bold;font-variant:small-caps}" T: _& b. c' Z# |
.verbtable td.col1{font-weight:bold}, S$ M' P3 h% s
.verbtable td.col2{font-style:italic}
5 E- `2 M' W9 ]0 V
.verbtable .geo{font-style:italic;color:#000;font-size:100%;font-weight:normal}
2 {' a" s" Y- }# Q" R' u
.verbtable .aux{font-weight:bold}
/ W3 C- N& ~9 p6 N, W2 l
.verbtable .verb_form{color:blue;font-weight:bold}
* Y% c: x4 o ~0 \4 W& a; _2 w
.collocations .last{margin-bottom:20px}& G" `! w/ |' u$ @+ y& `3 Y. W
.collocations .colloc{display:inline-block;font-weight:bold;margin-left:-2px}
9 ^* G+ ~9 I ]: X! P
.collobox,.thesbox,.usagebox,.grambox,.f2nbox{border-radius:9px 9px 9px 9px;border-style:solid;border-width:2px;display:block;margin-bottom:1ex;clear:both;margin-top:1ex}" N6 O7 m% _; y. e5 |# o! q
.f2nbox{border-color:#00a2e8}
0 S) R4 _$ O E+ u% r2 \
.f2nbox .heading{color:#00a2e8} |8 u" P$ F& H& G o# ?
.heading{color:white;font-weight:bold;line-height:100%;padding:3px} m8 K' p! k* s. V4 D
.section{display:block;padding:0 3px}
* P- \3 X- T7 W7 D
.last{border-bottom-left-radius:9px;border-bottom-right-radius:9px}
8 ]0 R* u0 J2 P1 n; ]- ~
.thesbox{background-color:#652d91;border-color:#652d91}
9 Q* x& ~3 @; d$ ^
.thesbox .section{background-color:#e8e2f0}/ E! d2 f# Q9 s0 q" f: m
.collobox{background-color:#1d3e99;border-color:#1d3e99}
% W1 V6 V, I! N2 q! L/ V
.collobox .section{background-color:#e2f4fd}
; ] m* M5 M! f/ L5 e7 d
.usagebox{background-color:#00a2e8;border-color:#00a2e8}1 Y" C# B# h8 x
.usagebox .expl{background-color:#e2f4fd}3 f$ \' D7 L o
.grambox{background-color:#00adee;border-color:#00adee}
1 Q& R" C& C9 J4 V
.grambox .expl,.grambox .compareword{background-color:#e2f4fd;display:block;padding-left:3px}5 O3 k _1 h/ ^2 X( d. W+ o
.compareword{padding-top:5px;padding-bottom:5px}
( R7 o8 d* y: }: J; S
.gramrefcont{display:block;text-transform:lowercase;font-variant:small-caps;padding-left:3px;padding-bottom:1px}
, C' X( y& d7 q! Y4 }
.thesaurus .sense{padding-left:3px;padding-right:3px;margin-top:0}
, ]+ w3 Q8 U7 ^3 K5 G
.thesaurus .section,.collocations .section{margin-bottom:10px}
U: X/ c& U9 Z3 [2 J0 A% ?0 [1 [
.thesaurus .secheading,.thesbox .secheading{background-color:#a186bd}7 o z8 m- y* E0 l
.add_exa{font-style:italic;display:block}
5 l' i# V% x5 V- {
.nodeword{color:blue;font-weight:bold}
8 K6 I5 n. f! A8 m% ]* N5 w
.phrase{display:block}( I- z5 \( T3 r9 O
.phrasetext{font-weight:bold}& ?& j) `( r. y3 I7 f# ]
.expandable{cursor:pointer}. K- B8 B% S2 G, w0 }% g5 H' L4 e
.entry div.content{display:none;margin-bottom:10px}4 J ~3 `9 @4 ?- | b/ E9 U# k0 F
.group,.w{display:block}
3 N: j f% f6 R
.group .pos{font-weight:bold;display:block}5 _3 p( `, {* z" Q+ |. U9 {/ P
.item{display:block}5 X9 z; ~% Z* U
.w{font-weight:bold}
* ]1 T9 A8 `# n9 @, c
.popheader{display:block;color:white;font-weight:bold;padding-left:3px}
4 Q3 Z( T k6 h) g
.popheader.popexa{background-color:red}
# ^+ O @( t D( J+ Z
.popheader.popphrase{background-color:purple}1 w G/ v3 K& p
.popheader.popcollo{background-color:#1d3e99}
1 g- Z% H4 e8 B- g
.popheader.popthes{background-color:#652d91}
1 b0 ~! L, i( P- f, d
.popheader.popetym{background-color:green}7 e5 M, h+ o$ E3 S
.popheader.popwf{background-color:#ffd448}
# k6 G/ N8 M& _/ ]9 o
.popheader.pope_menu{background-color:#57c0e0}/ {# I; {0 `8 ?1 x, e
.ws-head{font-weight:bold;color:blue;font-size:larger}
5 O7 m* L3 s: Q* e. z; `' h- H
.ws-head.ref{display:block;margin-top:10px}
; i- ^9 r5 ]# `4 B6 T; q d% M, |& a
.wswd{font-weight:bold;display:block}
# U4 D0 ] S \) _* x) x7 {
.cyan{color:#00a2e8;font-size:larger}6 U8 u3 T$ p% l- T& N
.menuitem{display:block}
: j+ U/ n7 O/ l- N
ul.exas{margin-top:.5em;margin-bottom:.5em;padding-left:2em;padding-right:1em}% w$ H( K( g2 K* O/ r1 K
ul.exas li{font-style:italic;color:blue}
" q' ]4 i2 s1 o+ z7 ? g0 u: X
.grammar{display:block}
- I/ Y. G1 ^ m
.str{font-size:large;font-weight:bold}
+ z9 T% ?; R) f3 V
.etymology{margin-top:10px}
Z i0 @ o# ~( C( z5 r
.group{margin-top:10px}- K% n* t' }9 B& \0 G* ~' Q# ^
.menuitem .signpost{background-color:transparent;color:black;margin-left:0;font-size:90%}; H) y) q5 r0 b% m9 {! E
.phrvbs{display:block;margin-top:10px;margin-left:5px}1 y, l9 d! t6 x) s- _
.phrvbs .heading{display:block;color:blue;font-weight:bold}
0 r( V! G+ ~5 K9 X6 P' W1 M) \
.phrv{font-weight:bold}+ Q+ a/ s0 O5 b1 W1 B F: e/ H) w
.secheading,.subheading{font-variant:normal;text-transform:uppercase}2 b; Z8 {7 p- y2 |3 D* G a
.secheading.no_convert{text-transform:none}. q8 D3 k) h0 M2 l
.grambox .heading.newline{background-color:#6cd0f6}" k% ^- p ^+ s
img[src*="img/spkr_"]{max-height:1em}
# d: j2 S3 K3 l# g, g3 F
img[src*="img/spkr_g"]{max-height:.7em}
( C5 `7 Z7 Y Y/ w% r" \
.chwd{margin-top:10px}
" n$ B$ q* t+ @9 M) p
.chwd a{display:inline-block;background-color:green;color:white;padding-top:2px;padding-bottom:3px;padding-left:5px;padding-right:5px;margin-right:3px;margin-bottom:3px;text-decoration:none;font-size:80%;border-radius:2px}4 r5 P; I6 I% i. Y' c' z
.chwd .hw{color:white}! ~0 b8 Z& A9 G
.entry,.entry.lozenge,.verbtable{margin-top:.5em}, U# S' k+ _+ Q
a[nattr="no-sound-file"] img{border:1px solid gray;border-radius:3px;max-height:.9em}1 D0 D# L' e7 A" c; G0 [" S
div[nattr="at-link"]{border:1px solid #e4e4e4;border-radius:9px;padding:.1em .5em;margin:.5em 0;background-color:rgba(199,110,6,0.1)}% B2 \" [8 _9 M+ L
div[nattr="at-link"]{display:none}8 s# d7 e8 T8 }9 m+ o5 i
.popup-button:hover{cursor:pointer}# W% T+ T& M& R- a! S: C1 O8 X
.popup-button{+ T* ?% V/ O, o# F2 }( \; h
-webkit-touch-callout: none; /* iOS Safari */" |4 Q) ?& {9 X$ l* O; B9 l
-webkit-user-select: none; /* Chrome/Safari/Opera */1 m! S. V8 ~. J. ^6 R
-khtml-user-select: none; /* Konqueror *// o1 a5 P0 R. v; a
-moz-user-select: none; /* Firefox */, a( h/ Y0 T) C- H0 F6 e
-ms-user-select: none; /* IE/Edge */) X$ X- m E/ R' r; I% z/ _3 w4 Q2 G
user-select: none; /* non-prefixed version, currently not supported by any browser */* }* g! h" k M; s$ `, H* b5 b
}, g$ P+ ?6 ], ^1 O
span[onclick*="toggle"]{
( W/ X; B+ P c! e3 Q
-webkit-touch-callout: none; /* iOS Safari */
4 B$ g; D1 ]4 F
-webkit-user-select: none; /* Chrome/Safari/Opera */! G! H i7 S4 J! j: A$ V, q% t9 W( G
-khtml-user-select: none; /* Konqueror */2 t6 T! x3 g- h1 ]7 f) ?
-moz-user-select: none; /* Firefox */1 I F4 v7 d1 B
-ms-user-select: none; /* IE/Edge */1 n" N2 F1 s/ z9 n. g3 M1 J r! P5 m' e
user-select: none; /* non-prefixed version, currently not supported by any browser */
2 n& G: K2 u; O6 ]" U: Y
}
. V, C: A. [+ @, e: _# B8 J- B
4 E9 q4 ^8 x' i A, ]% O( e. C
/*-----------------2019-0425-----------*/
: M) Z" I4 P/ f1 ~ K
// div{font-size: 13px;}
2 _( J9 A, T, |* Y2 C# @
.newline span.sensenum {font-size:0.9em;font-style: normal;font-weight: normal;margin-right: 5px;color: white;background-color: darkblue;border-radius: 3px ;border: 1px solid gray;padding:0px 3px;}* H' v' h1 @ {) U
/* .entry{ display: grid!important;
- |0 ]2 s* y \# l% ?
grid-gap: 10px;
: m- o* n1 P; J* }+ W& V
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
* ]8 {, g5 }' ]" A. O8 s6 Q. X
*/3 r- p3 l. {) F3 w* j! P
.sense.newline{
& n, E- I: U7 E) F+ [" a
border-top: 1px solid #c0c0c0;
, n. I" ~2 P7 u: A5 C
//border-right: 1px solid #c0c0c0;% |- Z, J; J* h/ b' |. p' V+ }6 ~
border-left: 1px solid #c0c0c0;
! W' R9 h8 W2 W0 d1 W* N
}
. O8 E( k! G( E( v8 [/ \
5 L/ k" ?$ |. L3 I. Y8 h
/*.grambox,.collobx,.thesbox,*/ x* ~1 T% I8 X% v0 ?. t" d* M
.sense.newline{
$ u) `- y) D! o4 g% [8 W2 F# `
//display: table-cell;
" ?" L4 _5 I6 e) E! \& d
display:inline-block;
8 J9 g+ `5 [9 d& R j
float:left;
( l- h2 h0 M# x# z
//min-width:100px;
( t3 z2 }8 w7 V: W4 N
//max-width:399px;/ _; H+ J& M: e. [3 ~2 c2 ]
width:399px;
6 ?7 _( f; ~& b5 Q5 O; f* _
min-height:25px;! b# c, w: b Q5 v( f
//height:auto;
) j, n x2 Y0 _) T. f2 S
//max-height:100px;: C; ^ N2 T: t; x6 e7 Y
padding:5px;
9 i: U* k" z3 }- m
//position: relative;
/ Q$ N' k4 i) X h: Z( u) r
}& ^+ p: A- G2 B" t4 _7 d$ D
' t' }; n- R, x8 N/ M
//.grambox{display:inline;}9 {2 v6 S* V) ?3 B
.crossref,.deriv{
; p, C9 M- a: R6 i6 ^: T% g E
display:block;
+ T4 \) Y/ r/ J( K' P& _& {! V1 {) _
//float:none;- a$ p% R7 ]4 ^! ~
clear:both;& m# D* ?* ~; @5 z. y2 f
}5 N. D8 \0 s0 y7 W& ~# @ r2 \
.entry{9 @/ S$ W1 a1 E/ t
//max-width:1280px;, F$ n- \ M* r+ f0 c
//overflow: hidden;
. ~3 I3 E' j) z9 D
( z9 _% ^# I8 A! Q
}
( z9 H. v7 r7 A5 p! Y/ }
.subsense{padding-left:13px;padding-right:1px;}
' h0 W& o1 W# ^9 m) G5 v x3 f
.subsense span.sensenum{color:darkblue;background-color:transparent;border:none;}
* o/ q" n, m! [2 J$ e8 C" u
.signpost{margin-left:0px;0 ^5 \+ Y3 J J
padding-left:0px;) u4 t; p5 C& P6 h# `5 v3 T
}3 |/ C j z+ n+ U2 C
//.button{color:Gray!important;background-color:#c0c0c0!important;}
5 L. j5 L. Z: Z
.popup-button
: N9 L0 V9 k+ q
,.popup-button-entrymenu,.popup-button-etymologies2 ?& `4 l% H4 f
,.popup-button-verbs,.popup-button-examples0 N, ]% @( v3 Y
,.popup-button-thesaurus,popup-button-collocations" B# b/ v4 D7 z- K! R! I4 P
,.popup-button-phrases,.popup-button-wordfamilies. e0 {- C. F; a; K h8 |) M% {
{color:#808080;background-color:#ececec;6 e' H% F2 m9 v+ J
border: 1px solid #808080;
+ |% t, E9 a% `% D( P7 N7 d" `
border-radius: 5px;
# [; m1 F8 x+ B6 h1 D/ r
text-transform: capitalize;
E8 A$ c" ~, Z' y- l
padding-left: 1px!important;, E; @& I- j; G- U
padding-right:1px!important;
8 W1 ]1 v. b& ?
font-family: "Sitka Small",verdana;
* m6 ~9 }6 `: ^" x g7 w
padding: 0px;
$ p3 ^0 ?- L* g, `# @3 H
font-weight: bold;3 M. J5 M3 m3 \2 `5 }8 l n$ }
font-size:11px;
; E( y) \( b; V' Y
}0 F y# n9 K8 X7 W
.phrvbentry,.entryhead{display:block;clear: both!important;}
% _2 d% j/ Z- `4 o& r
.chwd a{background-color: #5bcf80;border-radius:1.5em;font-family:Verdana;text-transform: uppercase;}, b: X7 a% Q9 j2 i7 B% W8 ^
//.def_c,.example_c{display:none;}

复制代码

thinkinginlast · 发表于 2020-9-14 17:15:00

本帖最后由 thinkinginlast 于 2020-9-14 17:25 编辑

thinkinginlast 发表于 2020-9-14 11:31, \8 @. s7 {# ~5 s& o
@Jiangxi，@helloit最好请@mg100放出css试试。不仅仅是好看，好久之前我就模仿了一个，不大搞得定自适应排 ...

现在上传附件越发艰难。喜欢这种自适应屏幕像素排版的，请自行拷贝上面的txt，弄弄，非3.0版，这是好早的L6，5汉译融合版，如有不适，自行改改。附件，图片传不上来了。当然最好大家请求，让@mg100大大看到，分享原版，学习一下。我的多列排版记得是有点对齐问题的。

alanpoon · 发表于 2020-10-1 08:54:12

copy代码后，LDOCE6.css文件名，没有出现楼主的排版，乱排一通。

thinkinginlast · 发表于 2020-10-10 11:36:22

本帖最后由 thinkinginlast 于 2020-10-10 11:41 编辑

alanpoon 发表于 2020-10-1 08:54
3 h) Z) g; t+ y/ p+ d0 r! M6 ^copy代码后，LDOCE6.css文件名，没有出现楼主的排版，乱排一通。

我这边是可以的，非常久远的融合版本L6，不是新出的朗文6，不过是CSS结构命名不同而已，效果不同完全可能，只是抛砖，不敢说能引玉。代码段对老双解L6有效，有趣的是屏幕大小自动调节多列排版。有话在先，如有不适，自行调整，CSS的名称可能不同。我是懒得再弄。

		自动登录	找回密码
密码			免费注册

[求助] 关于朗文双解排版问题

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源