关于朗文双解排版问题

毛小驴

  在论坛上看到有朗文英文版的精美排版（上图）（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大版的按照这样给排个版呢，当然也不会悬赏什么的，纯粹是看到这个排版很完美而已，提一嘴。
; f3 Z8 m, j, }, @- I) k% t

liqima

哦。。。这个。。。

Jiangxi

这是mg100的排版，的确漂亮

baodi

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

毛小驴

baodi 发表于 2020-9-12 08:00
- R0 b4 O, p8 X/ `1 t如果html 树也完全相同,那直接替换里面的css文件估计就能完成排版.

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

helloit

毛小驴 发表于 2020-9-12 08:45
5 O3 }2 K7 ~0 ~3 J5 {. x这个排版是英文的，而且有的内容并不相同，所以感觉直接替换怕是不行，还得有大神给调整一下 ...

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

毛小驴

helloit 发表于 2020-9-12 10:53
8 v. [* T- m  p( k: M不如图​​中排版，只会一点皮毛，不再修改。不喜欢的话另找大佬～

可以啊兄弟！，这个比原来的看来已经顺眼许多了，放一张你这个的效果图，让大家羡慕下，想要的可以看看效果，是比mg100的有点距离，感觉是有点乱？看来没事儿得学学怎样排版了，还是根据自己的要求自由调整来的爽快点
4 X0 L: Z4 o- h9 Y/ X, F# |' R4 M
6 k- y: A' J' c% ]

dfliaoyue

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

毛小驴

dfliaoyue 发表于 2020-9-12 14:14
我觉得lz可以琢磨下css。照着w3school的文档改就好，选一个词条粘出来弄个单独的html文件在浏览器里看效果 ...

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

thinkinginlast

@Jiangxi，@helloit最好请@mg100放出css试试。不仅仅是好看，好久之前我就模仿了一个，不大搞得定自适应排版，只是有个意思，其实是可以用的。放哪里了，我得找一下，找到就发个私货，聊且体验下。，不喜欢五彩，要改，请自己改。有意思的是，屏幕大小不同，意项单列可变多列，时间过久，我也忘记咋弄的，这半成品和@mg100大佬可比不了，见笑了，码很乱。
" `6 M1 D' l. t$ T1 e; @服务报错，zip，jpg都贴不上来了。直接用txt，拷贝复制，请自己改正确的CSS名字，搞完，可以帮我补个图哈。
7 T- w& L( a" S9 y, m$ N- q) @# D

1. *{word-wrap:break-word!important}
   
2. .entry{line-height:150%;color:black;display:block;font-family:Arial,sans-serif;color:#000}
   * S$ Z! C- V7 r2 O  [) ^
3. .abbr{font-weight:bold}
   
4. .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}
   # j% D+ ^- Y7 T. `. T! d2 `
5. .amequiv{font-weight:bold}
   2 l" F* z# C' G. A
6. .brequiv{font-weight:bold}
   " o& Y+ n' @0 j0 Q
7. .collo{font-weight:bold}
   
8. .colloexa{display:block}
   
9. .colloinexa{font-style:italic;font-weight:bold}
   
10. .comp{font-weight:bold}
    
11. .deriv{font-weight:bold;color:blue}
    
12. .errorbox{display:block}
    
13. .etymsense{display:block}
    $ |! S1 B. p+ [# y8 D+ u2 l! i4 `
14. .etymrefhwd{font-style:italic}
    " a1 v9 R9 K, w& k8 Z, b
15. .etymrefhom{font-size:80%;vertical-align:super;font-style:normal}
    . I% s; Q2 h4 V0 c! p
16. .etymorigin{font-style:italic}
    
17. .etymtran{font-weight:bold}
    
18. .etymbox{margin-top:1em;display:block}
    
19. .example{font-style:italic;display:block;color:blue}
    
20. .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}
    
21. .level{color:red;font-size:160%}
    # z8 o* u2 {! _- [2 F& F# w. b# }) B: |
22. .fullform{font-weight:bold}
    
23. .geo,span.geo{font-weight:normal;font-style:italic;color:purple}
    ; j( W  s. M; ]- ]  d& d& F. E8 k
24. .gloss,.collgloss{font-weight:normal;font-style:normal;color:black}
    $ N5 o! [& @- d! I7 q+ ]
25. .gram{color:green}
    
26. .hintbold{font-weight:bold}
    . d( V5 m# |2 S+ @7 e
27. .hintitalic{font-style:italic}
    
28. .homnum{vertical-align:super;font-size:8pt;color:blue;font-weight:bold}
    
29. .hwd{display:none}
    
30. .hyphenation{font-weight:bold;font-size:120%;color:blue}
    0 M$ O. K+ ?6 k4 {# L+ W; Y" l
31. .frequent{color:red}
    
32. .lexunit{font-weight:bold}
    ' e0 w( R. W3 x( O$ [( ]5 E
33. .lexvar{font-weight:bold}
    
34. .linkword{font-style:italic}
    0 ^2 ~. M4 o. W( k- I; m3 R  ~8 j
35. object{font-weight:normal}
    
36. .opp{font-weight:bold}
    
37. .orthvar{font-weight:bold}
    
38. .pastpart{font-weight:bold}
    
39. .pasttense{font-weight:bold}
    9 q2 J5 w5 c% p5 a: H
40. .phrvbentry{display:block;margin-top:10px;margin-left:10px}
    8 b5 e7 w( _( r5 Q8 o6 [
41. .phrvbhwd{font-weight:bold;color:blue}
    $ J1 u- \% @+ W1 I' j
42. .pluralform{font-weight:bold}
    7 s1 i  E3 l$ W3 [  }& z" `
43. .pos{font-style:italic;color:green;font-weight:normal}
    * h- f  k, F  N5 D6 d$ z
44. .prespart{font-weight:bold}
    
45. .propform{font-weight:bold;display:block}
    ) f4 t- N9 Z9 b, I1 O% t
46. .propformprep{font-weight:bold;display:block}
    $ O, a4 h/ a) ^
47. .ptandpp{font-weight:bold}
    
48. .refhomnum{vertical-align:super;font-size:60%}
    
49. .refhwd,.refsensenum{font-style:normal;font-variant:small-caps;text-transform:lowercase}
    
50. .refsensenum{font-size:80%}
    % m3 D% e4 V& I8 K- v- r7 \
51. .reflex{font-weight:bold}
    ! @$ z, _4 w4 \# U
52. .registerlab{font-style:italic;color:purple}
    - a+ O/ H& t: n1 v8 ^; c
53. .relatedwd{font-weight:bold}
    
54. .runon{display:block;margin-top:8px}
    ; [, s2 [$ m8 s" C
55. .sense{display:block}
    
56. .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}
    1 v8 n' o& A! X+ u" A
57. .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}
    
58. .spokensecthead{display:block;color:#00a2e8;font-weight:bold}
    9 r* K1 O- Y% A( U. x3 F7 s
59. .pronstrong{font-style:italic}
    
60. .subsense{display:block}
    
61. .superl{font-weight:bold}
    8 F" V0 s2 U1 \3 p0 V" x. B- S
62. .syn{font-weight:bold}
    
63. .t3perssing{font-weight:bold}
    
64. span.neutral{font-style:normal;font-weight:normal;font-variant:normal;color:black;text-decoration:none}
    
65. .cross{color:red;font-weight:bold}
    ; Q) V- T; j. P0 J) N
66. span.italic{color:black;font-style:italic;font-weight:normal}
    
67. .badexa{text-decoration:line-through;font-style:italic}
    
68. .hint .expl{display:inline}
    
69. span.infllab{font-style:italic;font-weight:normal}
    * ^3 j. d5 {  W3 f* s
70. span.warning{font-style:normal;font-weight:bold;color:red}
    : r5 |$ a$ k; U% }4 Y; k' C
71. span.sensenum{font-style:normal;font-weight:bold;margin-right:3px;color:blue}
    
72. 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}
    
73. .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}
    ; y6 b/ ~; w* Q
74. .collocate,.exponent{display:block;margin-top:5px}
    
75. .collocate.inline{display:inline}
    0 N" U8 U0 E! a# b
76. .expl{display:block;padding:0 3px}
    + s- V. M0 v3 k/ `& L0 R
77. .colloc{font-weight:bold}
    6 g0 f# o* b0 `% D) c0 e
78. .exp{font-weight:bold}
    
79. .expr{font-weight:bold}
    1 m+ I2 y4 s/ \$ _! U
80. .colloc.key{color:blue}
    & Z+ S0 U  j. K( N
81. span.keycollo{font-weight:bold;color:blue}
    , D+ N7 x+ v7 N, Q  W( m; |
82. .thespropform{font-weight:bold}
    
83. .goodcollo{font-weight:bold}
    2 ~) P! Z/ `5 o$ q3 {" t( S
84. .badcollo{text-decoration:line-through}
    
85. .defbold{font-weight:bold}
    
86. .thesref.newline{display:block}
    ' I- x4 \1 N7 a
87. .heading.newline{display:block}
    # ]3 Y( q7 t- Y9 W% s, O4 v
88. .thesref span.thesaurus{color:blue;font-variant:small-caps}
    
89. .thesref .refhwd,.thesref .refhomnum{color:blue;font-weight:bold}
    
90. i{font-style:italic}
    1 ]' y( S; }  P. L4 G  k: M9 `
91. .imgholder{cursor:pointer;display:block;margin-bottom:1ex;padding:2px;
    1 m! [# t5 v5 F6 n5 U+ L$ T" a
92. //clear:both;
    
93. //float:right;
    
94. }
    
95. .imgholder img{
    
96. max-height:25em;
    
97. //display:inline-block;
    
98. 
    4 S5 |) g3 c" i# c1 E
99. }
    ' s. q  _. m% m& @/ {0 o3 L
100. .buttons{display:block}
     
101. .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}
     ( @7 u& }1 f6 _' Q
102. .popup-button-hover{background-color:#dfe3f8;cursor:pointer}
     ; b" e2 G! o+ t+ M! k
103. .popverbs{display:block;color:white;font-weight:bold;background-color:#ec008d;padding-left:3px;margin-bottom:5px}
     * E. |6 U' ?. o! }' s, T+ L+ Q( I* y
104. .verbtable .lemma{color:blue;font-size:120%;font-weight:bold}
     ! h; }& _3 m6 Q) R. N6 G5 z7 c
105. .verbtable table{border-collapse:separate;border-spacing:1px;margin-top:10px}
     
106. .verbtable td{padding:0 5px 0 2px;border-style:solid;border-width:1px;border-color:#d2d2d2}
     3 R. _' B7 v' ?; f
107. .header{font-weight:bold;font-variant:small-caps}
     9 ?4 W+ T# [3 Q, {- S
108. .verbtable td.col1{font-weight:bold}
     
109. .verbtable td.col2{font-style:italic}
     
110. .verbtable .geo{font-style:italic;color:#000;font-size:100%;font-weight:normal}
     
111. .verbtable .aux{font-weight:bold}
     
112. .verbtable .verb_form{color:blue;font-weight:bold}
     
113. .collocations .last{margin-bottom:20px}
     ' E, z' g( L( K7 B) e
114. .collocations .colloc{display:inline-block;font-weight:bold;margin-left:-2px}
     
115. .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}
     3 z, Y$ l& O, R1 e4 ~4 d) E" T
116. .f2nbox{border-color:#00a2e8}
     % n- ]' r' V' F
117. .f2nbox .heading{color:#00a2e8}
     
118. .heading{color:white;font-weight:bold;line-height:100%;padding:3px}
     - Y( l. M' Z' |% O% m
119. .section{display:block;padding:0 3px}
     
120. .last{border-bottom-left-radius:9px;border-bottom-right-radius:9px}
     
121. .thesbox{background-color:#652d91;border-color:#652d91}
     $ e5 Y, G" k& B, u4 I  p
122. .thesbox .section{background-color:#e8e2f0}
     . z# Z- \: ~4 J  }: Z
123. .collobox{background-color:#1d3e99;border-color:#1d3e99}
     6 n+ i, c* W) m3 y
124. .collobox .section{background-color:#e2f4fd}
     
125. .usagebox{background-color:#00a2e8;border-color:#00a2e8}
     ( D5 h/ M4 Q5 M) i
126. .usagebox .expl{background-color:#e2f4fd}
     ) s$ h+ }; B" x* s
127. .grambox{background-color:#00adee;border-color:#00adee}
     1 h& J# Z- d2 o
128. .grambox .expl,.grambox .compareword{background-color:#e2f4fd;display:block;padding-left:3px}
     8 _. `6 w  Y$ ]1 z0 }- S* ]5 A5 c/ X
129. .compareword{padding-top:5px;padding-bottom:5px}
     ( Q/ m$ @, j) u7 r7 `* n8 }
130. .gramrefcont{display:block;text-transform:lowercase;font-variant:small-caps;padding-left:3px;padding-bottom:1px}
     3 f2 E  @* x, ^; L6 ?* s
131. .thesaurus .sense{padding-left:3px;padding-right:3px;margin-top:0}
     
132. .thesaurus .section,.collocations .section{margin-bottom:10px}
     % Q4 [* M$ D3 }
133. .thesaurus .secheading,.thesbox .secheading{background-color:#a186bd}
     $ Q, \" L& M) A# ^, T2 x
134. .add_exa{font-style:italic;display:block}
     
135. .nodeword{color:blue;font-weight:bold}
       g. H' v0 i' e, Y
136. .phrase{display:block}
     9 p9 ~1 O  e; N$ \/ i# H. o" K
137. .phrasetext{font-weight:bold}
     
138. .expandable{cursor:pointer}
     
139. .entry div.content{display:none;margin-bottom:10px}
     " |* J, e2 L& j% Y6 D
140. .group,.w{display:block}
     ( x3 S4 d) F! ]/ e* ?* M/ H1 G
141. .group .pos{font-weight:bold;display:block}
     
142. .item{display:block}
     
143. .w{font-weight:bold}
     2 @9 |# I& A, s7 R/ T" o0 p
144. .popheader{display:block;color:white;font-weight:bold;padding-left:3px}
     $ p# K. P) Q/ a% f  f: A
145. .popheader.popexa{background-color:red}
     
146. .popheader.popphrase{background-color:purple}
     4 }$ {. q) C. M0 f& X
147. .popheader.popcollo{background-color:#1d3e99}
     % {. I$ v0 a! C4 l+ W
148. .popheader.popthes{background-color:#652d91}
     - f1 b- I/ n0 W0 x: c: h5 j, Y4 W& @0 ^
149. .popheader.popetym{background-color:green}
     
150. .popheader.popwf{background-color:#ffd448}
     
151. .popheader.pope_menu{background-color:#57c0e0}
     
152. .ws-head{font-weight:bold;color:blue;font-size:larger}
     
153. .ws-head.ref{display:block;margin-top:10px}
     
154. .wswd{font-weight:bold;display:block}
     
155. .cyan{color:#00a2e8;font-size:larger}
     
156. .menuitem{display:block}
     
157. ul.exas{margin-top:.5em;margin-bottom:.5em;padding-left:2em;padding-right:1em}
     8 ?  I% @0 g& z
158. ul.exas li{font-style:italic;color:blue}
     ' ^" a# K0 M* e4 m; D, U9 v
159. .grammar{display:block}
     9 O; P/ p* j9 a  W  U: H
160. .str{font-size:large;font-weight:bold}
     2 U! e& U, l; L6 |
161. .etymology{margin-top:10px}
     " R# b8 o: K  M3 ]
162. .group{margin-top:10px}
     5 x8 i: x! X: B) i5 s. p* c$ O  e
163. .menuitem .signpost{background-color:transparent;color:black;margin-left:0;font-size:90%}
     5 m$ ^- t, B! K3 s( _4 w
164. .phrvbs{display:block;margin-top:10px;margin-left:5px}
     3 V, C: c0 z5 C1 `, s) @+ u
165. .phrvbs .heading{display:block;color:blue;font-weight:bold}
     6 S' [4 N, }, e8 k7 i$ w8 N
166. .phrv{font-weight:bold}
     
167. .secheading,.subheading{font-variant:normal;text-transform:uppercase}
     
168. .secheading.no_convert{text-transform:none}
     
169. .grambox .heading.newline{background-color:#6cd0f6}
     ( c7 ^+ h* e* `# [
170. img[src*="img/spkr_"]{max-height:1em}
     4 W: r! f4 ^. V6 v$ q0 H
171. img[src*="img/spkr_g"]{max-height:.7em}
     8 l8 b! D+ e+ v" M% K
172. .chwd{margin-top:10px}
     
173. .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}
     
174. .chwd .hw{color:white}
     
175. .entry,.entry.lozenge,.verbtable{margin-top:.5em}
     
176. a[nattr="no-sound-file"] img{border:1px solid gray;border-radius:3px;max-height:.9em}
     
177. 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)}
     
178. div[nattr="at-link"]{display:none}
     
179. .popup-button:hover{cursor:pointer}
     ' ]& B1 T9 P, A* [. Z0 C: s1 T
180. .popup-button{
     ! {4 _- p9 I' j, u; O  A
181. -webkit-touch-callout: none; /* iOS Safari */
     9 J+ q9 [$ y1 Y' X7 D" E4 u
182. -webkit-user-select: none;   /* Chrome/Safari/Opera */
     : \0 V& [4 r& i4 }9 F; I6 E
183. -khtml-user-select: none;    /* Konqueror */
     
184. -moz-user-select: none;      /* Firefox */
     4 Q7 L1 J) x4 E0 V, Y+ z
185. -ms-user-select: none;       /* IE/Edge */
     & I$ D% k. G6 i# ?, o9 }1 D# g
186. user-select: none;           /* non-prefixed version, currently not supported by any browser */
     0 S0 G* }0 n  O2 K
187. }
     ! {6 \' j" p! n2 b1 C; |
188. span[onclick*="toggle"]{
     8 J2 q7 {4 `3 ?8 ~
189. -webkit-touch-callout: none; /* iOS Safari */
     
190. -webkit-user-select: none;   /* Chrome/Safari/Opera */
     
191. -khtml-user-select: none;    /* Konqueror */
     
192. -moz-user-select: none;      /* Firefox */
     # [( m: R1 @, k' O
193. -ms-user-select: none;       /* IE/Edge */
     9 e0 \  q& M7 G
194. user-select: none;           /* non-prefixed version, currently not supported by any browser */
     - j! `/ ~- }& A
195. }
     
196. 
     
197. /*-----------------2019-0425-----------*/
     ( A% w; e$ {3 s& k5 N4 F- E
198. // div{font-size: 13px;}
     8 L; u8 r6 s# C3 ~
199.   .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;}
     9 |& D# u: R1 N, \6 X
200. /* .entry{ display: grid!important;
     " t; G0 Y1 d4 K; a) B5 e* o
201.   grid-gap: 10px;
     
202.   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
       x9 R/ s) u  g" W% L
203. */
     * y1 W; u& V, f2 P
204. .sense.newline{
     / H7 C% J$ k# j
205. border-top: 1px solid #c0c0c0;
     
206. //border-right: 1px solid #c0c0c0;
     6 W: Z% w% r+ Y6 [* s4 j
207. border-left: 1px solid #c0c0c0;
     
208. }
     . @- P) Y# Y+ I. a' ~
209. 
     9 J% Q; H: M: l! K! B2 e0 X+ \
210. /*.grambox,.collobx,.thesbox,*/
     
211. .sense.newline{
     
212.   //display: table-cell;
     
213.   display:inline-block;
     % O2 X, _1 B9 _3 ?1 I1 }
214.   float:left;
     - r2 L6 `7 C2 {
215.   //min-width:100px;
     ; Q( v( Q! A4 I- E* O
216.   //max-width:399px;
     3 L  i. A  E. ]; R  S6 X8 C! E6 q
217.   width:399px;  
     
218.   min-height:25px;
     
219.   //height:auto;
     # z' u1 i; e( T9 N! x; J# J; M
220.   //max-height:100px;
     % A+ N- o& F/ u$ Z
221.    padding:5px;
     4 E1 ]" Z) V3 K- s. `% H+ R0 B
222.    //position: relative;
     
223.    }
     
224.   
     
225.    //.grambox{display:inline;}
     & t! F7 b3 z3 F% n
226.    .crossref,.deriv{
     7 [- Q, P! l7 |; U
227.    display:block;
     0 J  k# t9 c, V
228.    //float:none;
     , w7 T( I4 D' G$ y6 X. o
229.    clear:both;
     
230.    }
     
231.    .entry{
     
232.    //max-width:1280px;
     
233.    //overflow: hidden;
     . U* c7 T" w) l; x
234.   
     ; c+ Q* y, p1 R7 \0 W, U2 y
235.    }
     
236. .subsense{padding-left:13px;padding-right:1px;}
     
237. .subsense span.sensenum{color:darkblue;background-color:transparent;border:none;}
     
238. .signpost{margin-left:0px;
     % n$ K4 ~$ w+ f* ]/ A8 g5 ~
239. padding-left:0px;
     
240. }
     1 `( o& J" y# H! K. [7 Y
241. //.button{color:Gray!important;background-color:#c0c0c0!important;}
     9 j+ k+ d( J; _! G/ E
242. .popup-button
     . [9 w; A/ x! [& l2 Y6 g
243. ,.popup-button-entrymenu,.popup-button-etymologies
     - Y- E/ N  z" @# m( c
244. ,.popup-button-verbs,.popup-button-examples
     9 r( O! g0 G# @3 ]
245. ,.popup-button-thesaurus,popup-button-collocations
     / S+ e* j3 Z$ |  r4 o: ~* c; ~
246. ,.popup-button-phrases,.popup-button-wordfamilies
     
247. {color:#808080;background-color:#ececec;
     : g+ O) w; T1 J
248.   border: 1px solid #808080;
     . W3 B3 b. P( K$ B( \3 T# m) t
249.   border-radius: 5px;
     $ W9 |# W3 P3 r' @
250.   text-transform: capitalize;
     
251.   padding-left: 1px!important;
     
252.   padding-right:1px!important;
     4 h" M* S# p: _0 T
253.   font-family: "Sitka Small",verdana;
     
254.   padding: 0px;
     
255.   font-weight: bold;
     % g7 [. m, Z( Q7 e' a
256.   font-size:11px;
     $ W4 p7 z5 K, F
257. }
     6 V- e' q, O) G. E, K
258. .phrvbentry,.entryhead{display:block;clear: both!important;}
     
259. .chwd a{background-color: #5bcf80;border-radius:1.5em;font-family:Verdana;text-transform: uppercase;}
     
260. //.def_c,.example_c{display:none;}

复制代码

2 K4 y( u5 |3 v+ F) X9 ]

thinkinginlast

" K1 f4 k% [- U' O( `. s$ y: e9 ^2 Q

thinkinginlast 发表于 2020-9-14 11:31
/ [5 s. W# i& u% ]1 n@Jiangxi，@helloit最好请@mg100放出css试试。不仅仅是好看，好久之前我就模仿了一个，不大搞得定自适应排 ...

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

4 Z) V  ~2 [3 `& t. S$ C

alanpoon

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

thinkinginlast

$ e. J6 w. C' N" r

alanpoon 发表于 2020-10-1 08:54
copy代码后，LDOCE6.css文件名，没有出现楼主的排版，乱排一通。

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