Oxford Student's Dictionary的not词条有排版问题

644830104

6 I* R% T; u7 z( F
2 K. H- ?% z3 k来自PurlingNayuki大的作品：[英-英] [小範圍分享]Oxford Student's Dictionary converted from CD data, 23003 Headwords https://pdawiki.com/forum/forum.php?mod=viewthread&tid=16585
6 E& W8 q& `' S) d' Anot词条下有排版问题

/ {' i  p0 Y, ]$ _  ^7 }# R

scju

OSD这部词典的数据太乱，我曾经花不少时间整理，但总是不够好，最后只能放弃。CSS给有缘人
+ L6 U, I' O- Z4 J. K' T) Z


# j" ~* I1 D9 O# r# Z7 z/ E4 g
7 f% w# [; `, F) _) R: p  R

) w) z0 ^% Z  k7 [; |( W
2 ]( c, j! n& Y5 L" B: S3 f1 y9 e

kyletruman

感谢mitkyg大和o大的指导，我修正了一下css，不知正确否？
这是我改之后的css，若修改不当，还请论坛上各位高手拨冗再指导一下我，我继续修正，谢谢！

mitkyg

在 osd.css 添加一行
div.u, div.ei {display:inline;}
你试试管用不

+ \# O; D4 d8 U+ ^# ~6 g+ wfrom O大  

kyletruman

mitkyg 发表于 2016-5-24 12:38
在 osd.css 添加一行
2 V' c. [3 B* ?* T. L0 wdiv.u, div.ei {display:inline;}
你试试管用不

' ^0 w6 a  V  N& G+ xmitkyg，您好！
请问一下在哪一行添加？
+ b0 A( [! F0 z5 n谢谢！

1. .entry .h-g .hwd-g {
   
2.     margin-bottom: 0.5em;
   
3. }
   5 O/ ]) V  R3 s4 h  W8 O6 ]
4. .entry .h-g .hwd-g .h {
   
5.     display: inline;
   & h: ^+ L2 y7 l- U/ ]
6.     color: DarkGreen;
   
7.     font-size: 1.2em;
   3 z& {/ p( v, Y7 ]
8.     font-weight: bold;
   
9. }
   7 t9 y$ ~/ c% F, g) C
10. .entry .h-g .hwd-g .hm {
    ; g, Z. h2 b+ o7 Z7 }  Z7 J
11.     display: inline;
    
12.     margin-left: 0.5em;
      ?" K* P" D/ Y5 z
13.     vertical-align: super;
    
14. }
    
15. .z_coresym, .keysym {
    
16.     display: inline;
    7 D  @- J* s' {
17.     margin-left: 0.2em;
    
18.     font-size: 0.8em;
    
19.     vertical-align: middle;
    
20. }
    % h& k; A$ s/ x2 Q8 Y& N
21. .z_awsym {
    
22.     display: inline;
    8 y2 y  J& L6 u( G  p( O* x+ O
23.     vertical-align: middle;
    
24. }
    $ T: a! r8 u& o& N% C
25. .z_awsym * {
    + W3 Z+ ^! z, M( S+ F5 t2 c! L( X
26.     display: inline;
    % [/ ?" `8 E+ D4 W- I$ F: z( G; H
27.     color: grey;
    
28.     font-size: 0.8em;
    
29. }
    " W: J" }6 K/ p4 E4 r& ]
30. .z_arrow {
    
31.     display: inline;
    * I! X; N% r6 F* n% z: d
32.     margin-right: 0.2em;
    : ^; w2 [' t, _- X
33. }
    ; B" \2 Y+ n% \# L* w$ ~
34. 
    
35. .infl:before {
    
36.     content: "( ";
    
37. }
    7 c$ ~4 a# H6 S# L# K% B- }
38. .infl * {
    - Q2 w1 F, _5 ]9 Q1 v
39.     display: inline;
    # B$ x0 u, R. R( B' D( Y
40. }
    
41. .inflection:after {
    
42.     content: " ";
    3 r. ~. ?- Y+ k! D% t4 U% F
43. }
    
44. .infl:after {
    7 K) F, F+ I6 p) B9 W- z% W
45.     content: " )";
    
46. }
    
47. 
    ! i( f# }$ p3 z
48. .i-g {
    
49.     display: block;
    7 T- d& f4 m1 N6 B6 `
50.     margin: 0.5em 0 1em 0;
    , u+ C, v3 \' W9 w# h( y
51. }
    . ]! f  v* N, }5 x
52. .i-g .i, .i-g .z, .i-g .y, .i-g .z_it, .sound, .i-g img {
    * e( C8 d& v) H0 F1 {
53.     display: inline;
    
54. }
    ; {9 L2 x! k2 H; S0 D
55. .i-g img {
    ! I; _& G) P2 M6 A( D" X6 n
56.     max-height: 1em;
    
57.     display: none;
    
58. }
    
59. .i-g .z {
    " W# E. O! B+ t
60.     display: none;
    
61. }
    
62. .i-g .z .z_it {
    : U3 E" O) B/ F8 t5 Z$ F2 c1 ^
63.     font-style: italic;
    
64.     color: SlateGray;
    ( X% \* t) T$ Z
65.     display: none;
    3 O: ~% c0 K! @
66. }
    
67. .hwd-g .i-g, .dr-g .i-g {
    4 [9 d" e9 x2 Q, |/ z
68.     font-size: 0.8em;
      c5 E8 x! t7 }- {- {0 [# I
69. }
    % _3 u6 r  G" J# Y* n
70. 
    ( I: N6 Q. F: U2 G7 v
71. .z_p {
    
72.     display: inline;
    
73.     font-style: italic;
    
74.     background-color: DarkRed;
    
75.     background-clip: padding-box;
    
76.     border-radius: 0.2em 0.2em 0.2em 0.2em;
    
77.     padding: 0 0.2em 0 0.2em;
    # n3 _- d. T7 D
78.     color: white;
    
79. }
    
80. 
    ' K1 T9 U. _( J8 c* k$ q
81. .label-g {
    - N/ B- I8 L+ _6 S3 ~% y
82.     display: inline;
    9 _# P; p5 |, K+ H2 m6 j3 B  v
83.     color: DarkRed;
    ' ]8 ~! W, C1 r" w4 g
84.     margin-left: 0.2em;
    , }4 L* T: O( {, U6 Z9 L4 _2 x
85. }
    
86. .label-g *{
    
87.     display: inline;
    1 @2 D) G% c  G! o- Q! Z" P! X
88. }
    
89. 
    / q2 Y; ^# {" E
90. .n-g {
    4 _9 e6 o$ k; R8 }: g) G9 I5 a
91.     margin-bottom: 0.5em;
    0 k, h5 s  V3 C: j
92. }
    ) ]/ H- s8 H8 P" r
93. .n-g .z_n {
    + M) f9 _: X5 _
94.     display: inline;
    
95.     background-color: DarkRed;
    0 z0 i7 g. D! O7 J) ]
96.     background-clip: padding-box;
    
97.     border-radius: 0.2em 0.2em 0.2em 0.2em;
    
98.     padding: 0 0.1em 0 0.1em;
    
99.     color: white;
    
100.     margin-right: 0.5em;
     
101. }
     
102. 
     ' M' i( j- Z' H- L7 W0 G
103. .n-g .cf, .n-g .alt {
     % W  \: Z0 p7 @
104.     display: inline;
     
105. }
     
106. .n-g .cf:after {
     1 H# M, f3 _, A6 `0 L# E# v9 l
107.     content: " :";
     
108.     margin-right: 0.2em;
     
109. }
     : e& i+ O0 K! m5 j+ ^
110. .n-g .d {
     
111.     display: inline;
     
112. }
     1 a7 n; |2 d* r% v5 c9 i5 i
113. .n-g .z, .n-g .z .z_it, .n-g .d .gl {
     : d2 g3 n- C7 H# ^4 E
114.     display: inline;
     
115.     color: grey;
     
116. }
     9 a8 ^8 U! |- L. Q* S0 l) V
117. .n-g .vs-g, .n-g .vs-g * {
     ( v/ C  G- N2 P2 Q, U
118.     display: inline;
     , W' {* x" x$ p& r, k! Q
119.     color: grey;
     
120. }
     * G& U' V' O+ u
121. .n-g .vs-g .z_g {
     
122.     font-style: italic;
     ) E4 x. L" z" g7 W3 W; g
123. }
     
124. 
     & q. z3 B3 W( Z, F4 F
125. .eb {
     % t3 |0 Z. o1 I
126.     display: inline;
     
127.     font-weight: bold;
     . F  x/ A/ O  S! f4 r. S& V5 O
128.     font-style: italic;
     4 O9 o+ [$ _4 {8 ~
129. }
     " K$ Z, E! j1 v5 G6 v) k/ P3 r6 S0 c
130. 
     " F9 F/ @/ V" V3 g0 i  J! T: t
131. .x .hwd {
     1 y+ \! u4 G) ^+ z2 M8 L) y9 a
132.     display: inline;
     
133.     text-decoration: underline;
     
134.     font-weight: bold;
     
135. }
     
136. 
     6 m$ l8 p1 K  x8 n
137. .x-g .x .gl, .x-g .x .z {
     ( {  s( I7 g6 ]; i) D/ P6 r. M8 X
138.     display: inline;
     
139.     color: grey;
     
140. }
       ^" h$ c) e. t7 @) M' ]
141. .x-g .x:before {
     9 P  G6 e; k5 t, ^6 I* A3 D
142.     color: black;
     9 o* }8 ~- X, [# _! O; K& f; Y5 w/ m
143.     content: "▻ ";
     
144. }
     
145. .x-g .x {
     
146.     margin-left: 1em;
     
147.     margin-top: 0.2em;
     9 ]; X. S9 B+ Z( G* U
148.     color: RoyalBlue;
     # g. H9 [( h* H+ ^9 p( K7 }- U
149. }
     6 f; E, v  ?2 F( M1 x$ R5 F
150. 
     
151. .xr-g {
     
152.     display: inline;
     
153. }
     5 _9 [- D+ z  I3 w" d, w3 R
154. .xr-g * {
     
155.     display: inline;
     
156. }
     & H7 z* c' L4 e8 x7 _! S$ u
157. .xr, .xr * {
     
158.     display: inline;
     # e* Y3 o5 O% l0 g5 K! |! q
159. }
     
160. .z_xr-g {
     
161.     display: inline;
     8 k* i0 V  i' l
162.     text-transform: uppercase;
     + h( U: r" h6 W
163.     font-style: italic;
     
164.     margin-right: 0.2em;
     / S$ l) L; U1 N1 g# C7 V; q
165. }
     & Y6 J  z2 p- D. U* T) U
166. .xr .xhm {
     ) D+ `3 e; w- u& f+ A# {  K
167.     font-size: 0.8em;
     
168.     vertical-align: super;
     5 f  M3 `2 J. e1 `; j5 E
169. }
     
170. 
     % l9 J+ R1 X1 U( u! A" S
171. .pvs-g, .ids-g {
     
172.     display: block;
     
173.     border-radius: 0.5em 0.5em 0.5em 0.5em;
     # C/ b$ E" C( o5 ~
174.     border-style: solid solid solid solid;
     $ D* P2 ?' O# |* k
175.     border-width: thin;
     
176.     padding: 0 0.5em 0 0.5em;
     
177.     margin-top: 1em;
     * O) F1 J4 o+ {- B# A  [! C) F
178. }
     % P  w: J. {0 Z9 T( q' g
179. .pvs-g .revout, .ids-g .revout {
     8 e! n3 @0 B7 j) I( [' T( k: L3 l
180.     display: table-cell;
     
181.     position: relative;
     3 x9 B3 e5 u8 C0 ?) B$ h
182.     bottom: 0.5em;
     
183.     background-clip: padding-box;
     
184.     border-radius: 0.2em 0.2em 0.2em 0.2em;
     6 M/ z5 y' r  _- W8 k1 w5 A
185.     padding: 0 0.5em 0 0.5em;
     
186.     color: white;
     " Z2 v) f, w! l" X1 E$ ?4 S* @
187. }
     
188. .pvs-g {
     0 S7 z: l+ ~0 c6 l& O& U
189.     border-color: DarkRed;
     ! f/ d9 P# X, W4 B
190. }
     
191. .pvs-g .revout {
     
192.     border-color: DarkRed;
     / _' u: D+ L+ g& U8 W
193. }
     
194. .ids-g {
     
195.     border-color: DarkGoldenRod;
     / q2 D6 [: Z6 L
196. }
     
197. .pvs-g .pv-g, .ids .id-g {
       h. H5 W: {7 W; w( p$ u) T0 K$ J
198.     margin-bottom: 0.2em;
     , ?3 K6 N" E* i, l2 G! v& `
199. }
     / u& x5 i; C5 Y: G- A+ v
200. .ids-g .revout {
     
201.     background-color: DarkGoldenRod;
       y: _  |! K. z& x
202. }
     
203. .pvs-g .revout {
     ( s6 j5 l1 I2 T! E* d5 n) V
204.     background-color: DarkRed;
     ) b, k  e1 s( S5 X) A
205. }
     
206. .ids-g .id-g .id {
     0 r! R. H1 A- f; i5 L' O
207.     display: block;
     # x0 ~7 {" J% Q/ [+ K
208.     margin-right: 1em;
     * J7 [$ l( @) L9 f
209.     font-weight: bold;
     ( D% j& @( t, w/ O. r
210.     color: DarkGoldenRod;
     ; H$ L2 u/ Y3 L& z9 u; ]
211. }
     
212. 
     8 }$ @5 v/ I9 A
213. .unbox {
     3 R5 B% a, x6 e; o
214.     display: block;
     
215.     border-radius: 0.5em 0.5em 0.5em 0.5em;
     * @/ Y* {  X% ^% \1 c$ P) ~( _! Y% _' F
216.     border-style: solid solid solid solid;
     " F0 n- A0 P3 }0 W- R0 @
217.     border-width: thin;
     
218.     border-color: DarkRed;
     
219.     padding: 0 0.5em 0.2em 0.5em;
     
220.     margin-top: 1em;
     
221. }
     6 J) T0 u8 G0 t! x/ U
222. .unbox .boxheading {
     
223.     display: table-cell;
     ( l9 q( P0 u' u# {" u$ i
224.     position: relative;
     2 E+ V0 w$ Q: P! N; X3 a9 b0 e
225.     bottom: 0.5em;
     + B1 p3 N. j7 v5 ^9 y
226.     background-color: DarkRed;
     
227.     background-clip: padding-box;
     
228.     border-radius: 0.2em 0.2em 0.2em 0.2em;
     
229.     padding: 0 0.5em 0 0.5em;
     
230.     color: white;
     
231. }
     
232. .unbox .i-g {
     6 `& L: f* w  C5 F& R
233.     display: inline;
     
234.     margin: 0 0.5em 0 0.5em;
     : {! Y/ N- f* C! i
235. }
     
236. 
     
237. .z_drsym, .dr, .zd {
     
238.     display: inline;
     
239. }
     
240. .dr, .zd {
     7 U7 I  W+ w) n% h( p( N! C& B
241.     font-weight: bold;
     $ W- `6 S( \0 q4 ]
242.     color: DarkGreen;
     
243. }
     
244. 
     . ?- j2 z) b5 Q8 m+ J
245. .ifs-g {
     
246.     display: block;
     
247. }
     
248. .ifs-g * {
     7 }4 A4 l/ H; y, N2 B
249.     display: inline;
     0 h6 q" G9 e* i$ \$ u
250. }
     
251. .ifs-g .z_il {
     4 @$ x9 C: J9 X7 Y% F/ t3 C( {2 I5 L
252.     color: DarkGray;
     - f" {4 P& x2 R/ r+ r
253.     font-style: italic;
     + K6 O! u' t& n7 i5 L, y3 s
254. }
     
255. 
     
256. .gram-g * {
     
257.     display: inline;
     
258. }
     $ |' q3 b2 o1 _3 v2 I
259. 
     
260. .z {
     % v% G; P$ Y* |1 C6 Q
261.     display: inline;
     9 a$ B/ n0 p4 d
262. }
     0 h+ L: b) `5 X! z/ S4 X
263. .ab, .z_it{
     
264.     display: inline;
     
265. }
     5 L5 i5 u' W  O/ b0 H4 B( r& h
266. 
     ) U) @: K6 ?: H% C' P% t
267. .ve {
     * [$ Q& h/ z0 z5 e
268.     display: inline;
     
269.     color: gray;
     ) {) C8 O6 |$ e, \
270. }
     
271. 
     
272. img {
     
273.     display: block;
     2 N. g7 x6 e/ T) T
274.     vertical-align: middle;
     8 I0 _$ z! m  ]1 \
275.     text-align: center;
     
276.     max-width: 90%;
     
277. }
     

复制代码

kyletruman

- n' Y9 s0 d( T) N
刚从PurlingNayuki大那里下的css，我还没改，不知从哪里入手？
9 s3 x0 a! `; N哪位大神能否告诉我怎么改css来解决楼主提出的排版问题？
' a# E( y4 X% T; h谢谢！

mitkyg

kyletruman 发表于 2016-5-24 13:42
1 w% G: Q  C  B3 |. \" p5 p. i5 jmitkyg，您好！
请问一下在哪一行添加？
3 v. V7 a! I* {+ _3 ?5 Y: N! S谢谢！

. c  G8 H: V4 V( G- q8 ~6 {# E最后一行添加一下就行
% A7 S2 n- @, `* w6 j/ S; x' s
: B. P  L8 x; Z: I$ ?: X4 C% Tmax-width: 90%;
1 D( K! h' k; {. q4 L' r}

div.u, div.ei {display:inline;}

秋天故事

kyletruman 发表于 2016-5-24 14:23
感谢mitkyg大和o大的指导，我修正了一下css，不知正确否？
1 g' u, Q! w% ], e2 q' h4 H) f+ E6 W这是我改之后的css，若修改不当，还请论坛上各 ...

. W* P- L' x) ^" s/ T下载了你更新后的css文件，not词条的排版正常了，见下图~~
. X1 R+ `' x9 u& j

SharkW

kyletruman 发表于 2016-5-24 14:23
9 I! C8 z! j3 L" q& L% D; @" l6 ?# K2 Q感谢mitkyg大和o大的指导，我修正了一下css，不知正确否？
这是我改之后的css，若修改不当，还请论坛上各 ...

5 L. o% W" i+ M; E( jNOT正常了。但是查house一词，音标处仍然有数行代码。谢谢

kyletruman

SharkW 发表于 2016-5-25 07:58
+ n7 m9 j- x& L# u4 G; G  [NOT正常了。但是查house一词，音标处仍然有数行代码。谢谢

9 P( Q- C/ N  p+ j' @我用的是深蓝pro7.5.0, 我查house一词时，音标没问题。

644830104

kyletruman 发表于 2016-5-25 09:20
我用的是深蓝pro7.5.0, 我查house一词时，音标没问题。

% k, E9 g' Q7 B! p; y
Thank u very much!

PurlingNayuki

剛纔針對 house、bear 等詞條做了一個嘗試性的修復，發現所用工具有問題，需要重寫。可能要花一段時間了，不會太長，但是得等一等。

SharkW

PurlingNayuki 发表于 2016-5-27 02:09
9 W0 J. _* k2 Z剛纔針對 house、bear 等詞條做了一個嘗試性的修復，發現所用工具有問題，需要重寫。可能要花一段時間了， ...

感谢！辛苦了

PurlingNayuki

SharkW 发表于 2016-5-27 12:45
感谢！辛苦了

修復了，再試試。

SharkW

PurlingNayuki 发表于 2016-5-29 03:43
修復了，再試試。

感谢老大！ 最新版已经解决了之前的bug. 辛苦了！ 非常感谢！！

SharkW

kyletruman 发表于 2016-5-24 13:42
9 G; j$ y3 W, T; {- g$ M) Dmitkyg，您好！
请问一下在哪一行添加？
谢谢！

* k! Q. M6 d! X- E( d! c1 h看着你些代码都头大，何况编写。于此，一并谢过论坛所有无私奉献的各位大神！！感谢你们的辛苦奉献！

yangshuo82

thanks

tarzan1200

Thanks alot for sharing
1 H; Z: v  l6 N( J) H: Z