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

644830104

3 G! `6 a/ o5 w! u" H来自PurlingNayuki大的作品：[英-英] [小範圍分享]Oxford Student's Dictionary converted from CD data, 23003 Headwords https://pdawiki.com/forum/forum.php?mod=viewthread&tid=16585
( c0 j  s5 s, v- Enot词条下有排版问题

5 i9 [6 v) ^, k8 P* A

scju

OSD这部词典的数据太乱，我曾经花不少时间整理，但总是不够好，最后只能放弃。CSS给有缘人
6 y: E$ h* p  u; {5 s

% r6 f2 P7 U" A( `: b0 x$ `
6 l3 `; Q% R* A) K- i
% l- I0 G2 \$ S0 a7 D0 o' q

kyletruman

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

mitkyg

在 osd.css 添加一行
$ ^! F# X0 n% o. z5 V' `div.u, div.ei {display:inline;}
你试试管用不
* ]3 p; R* q& G
0 F1 ]$ S4 ?- ]6 y6 kfrom O大  

kyletruman

mitkyg 发表于 2016-5-24 12:38
在 osd.css 添加一行
  B2 V1 X1 f* {3 Z: z7 }div.u, div.ei {display:inline;}
你试试管用不

mitkyg，您好！
$ X' t+ i! D. N请问一下在哪一行添加？
谢谢！

1. .entry .h-g .hwd-g {
   7 D2 s" ]' b( A8 j9 d
2.     margin-bottom: 0.5em;
   
3. }
   
4. .entry .h-g .hwd-g .h {
   
5.     display: inline;
   % Q6 H. G7 W' V7 N- z4 H
6.     color: DarkGreen;
   4 Q4 v* f: Q2 o  X4 s
7.     font-size: 1.2em;
   4 b. L( X8 Q8 p) Z% n
8.     font-weight: bold;
   
9. }
   
10. .entry .h-g .hwd-g .hm {
    
11.     display: inline;
    
12.     margin-left: 0.5em;
      e( z7 Z" P$ x4 o: M' {
13.     vertical-align: super;
    9 N" Z7 D6 j4 Z
14. }
    
15. .z_coresym, .keysym {
    
16.     display: inline;
    $ K7 D& Y& V7 J5 G/ K
17.     margin-left: 0.2em;
    + x7 {6 a- `; d
18.     font-size: 0.8em;
    * t# u) l7 K. m8 \5 ]
19.     vertical-align: middle;
    
20. }
    
21. .z_awsym {
    
22.     display: inline;
    
23.     vertical-align: middle;
    ( y/ J2 q7 d4 [
24. }
    
25. .z_awsym * {
    $ y4 s4 f) h2 l( m9 o/ G1 o
26.     display: inline;
    9 Z6 g$ ^) j6 \% \5 D
27.     color: grey;
    
28.     font-size: 0.8em;
    ; n6 V' m; P, j! }$ \) n: }$ N
29. }
    
30. .z_arrow {
    6 p4 f$ e, \; @, F
31.     display: inline;
    9 d8 e+ Q, a5 @0 R0 Z/ C9 f
32.     margin-right: 0.2em;
    ! l* d, t1 `) }( }  Q
33. }
    
34. 
    / Y( v0 P3 N5 K* d
35. .infl:before {
    
36.     content: "( ";
    4 B4 {+ q% t& [$ {; a/ r, c7 t
37. }
    " o9 h" B$ x; [2 ~
38. .infl * {
    4 A" S/ D- l; ]6 h- r9 ]
39.     display: inline;
    
40. }
    * G0 V% S/ a2 @5 _7 z! H
41. .inflection:after {
    , f2 [# @: E+ g. ?' ]' O/ L. u
42.     content: " ";
    
43. }
    3 e9 _! g$ K$ w
44. .infl:after {
    
45.     content: " )";
    
46. }
    ! ?5 e. D1 i0 F8 F6 }( G
47. 
    
48. .i-g {
    - @: `. y* V1 [0 ?
49.     display: block;
    ) P# n: l: W8 A& b5 W" m
50.     margin: 0.5em 0 1em 0;
    + e( |  Q+ I5 o# S
51. }
    - H5 M$ V( p3 y4 `
52. .i-g .i, .i-g .z, .i-g .y, .i-g .z_it, .sound, .i-g img {
      y( F( s4 Z5 H0 e
53.     display: inline;
    
54. }
    
55. .i-g img {
    
56.     max-height: 1em;
    ) @# I0 e: n% M/ e7 W- ?) [
57.     display: none;
    ; K+ ?  L; r+ v* O& p2 [
58. }
    
59. .i-g .z {
    
60.     display: none;
    : K2 M9 |. M# V& C5 P
61. }
    
62. .i-g .z .z_it {
    
63.     font-style: italic;
    
64.     color: SlateGray;
    
65.     display: none;
    
66. }
    
67. .hwd-g .i-g, .dr-g .i-g {
    
68.     font-size: 0.8em;
    
69. }
    
70. 
    
71. .z_p {
    7 _; L; t  z: z0 ~+ P; M2 J
72.     display: inline;
    " W. A) B  L7 @8 T; v" w% G
73.     font-style: italic;
    5 V7 _% I. o, v8 ~: B  d1 ~
74.     background-color: DarkRed;
    + R( V. N8 t& B$ m% h6 }0 C6 l# M
75.     background-clip: padding-box;
    
76.     border-radius: 0.2em 0.2em 0.2em 0.2em;
    
77.     padding: 0 0.2em 0 0.2em;
    & s* r+ i, |7 f5 w/ f. A
78.     color: white;
    
79. }
    % M6 R+ v0 c; S
80. 
    + Z* M) T& m4 h+ h- \1 M0 P
81. .label-g {
    2 L$ i" L3 H  a
82.     display: inline;
    
83.     color: DarkRed;
    0 p9 k( i# P& W/ d2 I
84.     margin-left: 0.2em;
    
85. }
    
86. .label-g *{
    5 Z. B" x+ S: ^2 t
87.     display: inline;
    9 s/ }: Z. `5 O% e9 d
88. }
    3 J) b  e5 Y5 }# I5 j
89. 
    7 p3 p1 ^& S: O0 U
90. .n-g {
    + S, Y9 P( l: `, X. H! Y
91.     margin-bottom: 0.5em;
    , V: d6 s1 I5 p' F, s# B% y$ V
92. }
    
93. .n-g .z_n {
    # m  [* Y" P9 h- G
94.     display: inline;
    4 N, }* T( }* ^) M* F; b% ?5 k
95.     background-color: DarkRed;
    
96.     background-clip: padding-box;
    % R- `  f; K: R8 y
97.     border-radius: 0.2em 0.2em 0.2em 0.2em;
    
98.     padding: 0 0.1em 0 0.1em;
    # G' c7 l: \8 `2 W: W( b# A
99.     color: white;
    $ X0 p0 m# m! u7 O. v* u! |
100.     margin-right: 0.5em;
     2 h; A9 ~% j$ Q+ n' B9 i4 r
101. }
     . f# c  v- w& E) s; H) c* M
102. 
     
103. .n-g .cf, .n-g .alt {
     
104.     display: inline;
     - a9 W) u* m1 S0 d
105. }
     
106. .n-g .cf:after {
     
107.     content: " :";
     ! q1 D# z5 w) c' n
108.     margin-right: 0.2em;
     
109. }
     9 G" |2 y3 f$ n2 B
110. .n-g .d {
     
111.     display: inline;
     
112. }
     
113. .n-g .z, .n-g .z .z_it, .n-g .d .gl {
     
114.     display: inline;
     
115.     color: grey;
     " v  h' w1 l2 p" V5 Y7 O9 S
116. }
     
117. .n-g .vs-g, .n-g .vs-g * {
     
118.     display: inline;
     1 \+ O) T$ ^9 c7 ^: Q
119.     color: grey;
     
120. }
     6 ~3 m6 N) d7 m3 U9 S4 b  l! a
121. .n-g .vs-g .z_g {
     % D. Q" Y( T: H9 }
122.     font-style: italic;
     
123. }
     
124. 
     
125. .eb {
     
126.     display: inline;
     
127.     font-weight: bold;
     
128.     font-style: italic;
     & r- J9 m  h) `& i9 \2 {  }
129. }
     
130. 
     # F6 k/ f' q2 X2 C
131. .x .hwd {
     5 A- l8 i, b- w
132.     display: inline;
     
133.     text-decoration: underline;
     # z$ {! i/ G. L- Y) S
134.     font-weight: bold;
     9 M; u. v1 q; |5 g) y
135. }
     $ u. d+ |! b1 R5 Y% I( w1 o
136. 
     
137. .x-g .x .gl, .x-g .x .z {
     ; W% `6 y. {( H5 C6 Q' q8 q; F
138.     display: inline;
     
139.     color: grey;
     
140. }
     ! O5 S. m8 _8 ~
141. .x-g .x:before {
     + z6 X: b2 r% {8 `  j
142.     color: black;
     
143.     content: "▻ ";
     0 o1 t' L! I# [* n5 o
144. }
     
145. .x-g .x {
     
146.     margin-left: 1em;
     
147.     margin-top: 0.2em;
     
148.     color: RoyalBlue;
     , L( @4 r* b+ d: c' d5 y2 [/ _9 m
149. }
     % z2 v$ s; V. G
150. 
     ! F2 r+ U2 l2 M2 P
151. .xr-g {
     
152.     display: inline;
     
153. }
     
154. .xr-g * {
     
155.     display: inline;
     2 c/ m, p0 Q- G: H: C
156. }
     
157. .xr, .xr * {
     
158.     display: inline;
     
159. }
     7 L, H% |1 P8 _' U: j* {/ p1 t- z
160. .z_xr-g {
     # M' x8 W7 q2 @/ C1 o
161.     display: inline;
       K: i7 F" i. @6 b: h. G) ~, }
162.     text-transform: uppercase;
     8 u1 o; V& h6 A8 z
163.     font-style: italic;
     6 {( L0 ?. h, J, u7 a2 t8 W
164.     margin-right: 0.2em;
     $ g! H! u! [. W4 Z' E7 a
165. }
     
166. .xr .xhm {
     ( u, r% Q' h8 ^5 [- {( U
167.     font-size: 0.8em;
     7 B8 C  @. e+ c. I9 U
168.     vertical-align: super;
     
169. }
     
170. 
     , F. b8 K9 Y: V6 Y( z4 \4 F) ^
171. .pvs-g, .ids-g {
     ; h, h5 \5 P$ p7 ?7 O7 {* k& B
172.     display: block;
     ' E6 T. E* z1 h7 C4 ~
173.     border-radius: 0.5em 0.5em 0.5em 0.5em;
     
174.     border-style: solid solid solid solid;
     
175.     border-width: thin;
     1 g! I0 A' U7 `! K. G! _1 M8 `
176.     padding: 0 0.5em 0 0.5em;
     
177.     margin-top: 1em;
     
178. }
     
179. .pvs-g .revout, .ids-g .revout {
     
180.     display: table-cell;
     $ \7 t( G  z, I. _+ n
181.     position: relative;
     ! z# m3 s' Q  R, d
182.     bottom: 0.5em;
     ' i* _! [2 i6 h7 r  C7 g4 j
183.     background-clip: padding-box;
     / ^8 n1 K* x  {$ ^8 I, j
184.     border-radius: 0.2em 0.2em 0.2em 0.2em;
     
185.     padding: 0 0.5em 0 0.5em;
     6 Y7 O8 p! q; E5 u6 R8 P# {- k
186.     color: white;
     6 f# ]' i) ~- w; d9 n( F
187. }
     
188. .pvs-g {
     $ s/ h" e! n+ S. v/ R* q$ X9 q- Q
189.     border-color: DarkRed;
     
190. }
     , [6 r! i' Z' X( R
191. .pvs-g .revout {
     7 n. J0 u2 f+ q. f" M
192.     border-color: DarkRed;
     8 D; }+ g' ?( T' X3 P. r5 ^
193. }
     ; R+ H" ]6 i) D: Z7 F: Y8 f2 ]
194. .ids-g {
     
195.     border-color: DarkGoldenRod;
       c* y/ }- i! [+ t2 C* h3 w% r2 K
196. }
     
197. .pvs-g .pv-g, .ids .id-g {
     ) t- x' p* z/ O8 j" C! s3 Q
198.     margin-bottom: 0.2em;
     
199. }
     " E3 J/ H+ M) o: \% q6 G& ]: i
200. .ids-g .revout {
     
201.     background-color: DarkGoldenRod;
     
202. }
     ! ~5 U% V) ?0 b7 W$ u' H; k
203. .pvs-g .revout {
     2 R) h; k  P, x+ Z8 K3 L6 X+ A8 Y
204.     background-color: DarkRed;
     # x; d; f$ p. a5 K' b! H0 a# O
205. }
     
206. .ids-g .id-g .id {
     
207.     display: block;
     . p$ F' n1 r" q2 x( K3 s
208.     margin-right: 1em;
     
209.     font-weight: bold;
     / D% P; A+ S! z2 W- F9 {7 ]; b
210.     color: DarkGoldenRod;
     3 L1 `' ?; z4 G" w5 r6 t" b% j
211. }
     1 Z) M- G, S( M9 {4 _* S* j4 g$ w
212. 
     
213. .unbox {
     3 t2 W+ u3 K8 H
214.     display: block;
     ' R$ V' D  ^: s6 Z1 G% A3 t. b
215.     border-radius: 0.5em 0.5em 0.5em 0.5em;
     
216.     border-style: solid solid solid solid;
     
217.     border-width: thin;
     ; h0 u. I7 I% c, u7 m, l: l
218.     border-color: DarkRed;
     
219.     padding: 0 0.5em 0.2em 0.5em;
     , t8 ~& D1 O) V& F( Y
220.     margin-top: 1em;
     8 b( M( D; X5 H% _
221. }
     + ~+ R( ?! L- N) ^; ?$ N: u7 K; H8 K
222. .unbox .boxheading {
     
223.     display: table-cell;
     + r1 Z; d- ~0 w6 d3 O5 t5 G  e# P
224.     position: relative;
     
225.     bottom: 0.5em;
     
226.     background-color: DarkRed;
     + u/ ?5 R: W* a0 A% Q  U9 g, s- k* o
227.     background-clip: padding-box;
     9 k2 F* @: f5 w9 x
228.     border-radius: 0.2em 0.2em 0.2em 0.2em;
     
229.     padding: 0 0.5em 0 0.5em;
     
230.     color: white;
     / I& t3 c" i. H4 d$ ?1 n
231. }
     3 C3 [( Q+ |1 O" W0 I7 L& k
232. .unbox .i-g {
     - J: l# O) {2 ?; @" L
233.     display: inline;
     * h3 r1 \% \# Q6 c: ]* H7 E2 E# F
234.     margin: 0 0.5em 0 0.5em;
     
235. }
     
236. 
     ! T7 j. N1 a1 S( A7 k3 a( A: r& K
237. .z_drsym, .dr, .zd {
     $ a1 q. o1 i7 Q  T  `  p
238.     display: inline;
     ! Y; \: y" u) s* x# [' _
239. }
     - [7 c! z. P. I0 @9 m) g9 S7 T
240. .dr, .zd {
     
241.     font-weight: bold;
     1 Y1 R8 k% R) H# i2 ~' r
242.     color: DarkGreen;
     . ~- `& Y% W2 P; A/ k
243. }
     
244. 
     
245. .ifs-g {
     % k2 e6 j$ ]0 y5 D; l* a- v4 p
246.     display: block;
     - s- k% l0 U& r, V
247. }
     ; x+ d/ ]% x, Z- v# d( U
248. .ifs-g * {
     / ~! j( N. l7 q' `
249.     display: inline;
     
250. }
     ; j/ P! c* v" _3 L) A9 O2 Y$ t
251. .ifs-g .z_il {
     1 P4 j! L9 l7 Z8 n, i% U. N0 s
252.     color: DarkGray;
     . O' h4 g  W; _& e' Z/ ?# E, @
253.     font-style: italic;
     . E9 i! T8 W- b
254. }
     8 O. s5 D, R1 Z9 H- K2 U+ Y5 s! X
255. 
     , L7 P  ^0 [( S2 r1 R) g
256. .gram-g * {
     % t" ~+ b  W, Z6 g/ g# t
257.     display: inline;
     / M$ |4 b  z' E. A- S
258. }
     2 H+ T5 }. ?5 H, o
259. 
     
260. .z {
     
261.     display: inline;
     
262. }
     
263. .ab, .z_it{
     2 i# @0 Y3 [& ]# V
264.     display: inline;
     $ W" S1 b2 b) D- C) n( o- q+ Y
265. }
     
266. 
     
267. .ve {
     
268.     display: inline;
     % ^" X" {4 m0 N1 _. O
269.     color: gray;
     
270. }
     
271. 
     
272. img {
     
273.     display: block;
     ! o+ A# K9 E/ u" A. |$ g
274.     vertical-align: middle;
     
275.     text-align: center;
     # s/ Q) z8 U: M
276.     max-width: 90%;
     
277. }
     

复制代码

kyletruman

2 }$ ]6 c7 ^7 d# V6 s3 d0 L* n刚从PurlingNayuki大那里下的css，我还没改，不知从哪里入手？
$ p) E! p2 v) Y9 ^5 v0 F哪位大神能否告诉我怎么改css来解决楼主提出的排版问题？
1 x0 w! @0 R8 t$ _6 q6 Y% ?- @, q谢谢！

mitkyg

kyletruman 发表于 2016-5-24 13:42
mitkyg，您好！
3 R9 A" A& L) k( r- v3 q请问一下在哪一行添加？
# F9 s3 v# Z9 ?; B' o# f- A谢谢！

# [& ^/ e4 C" V6 x- z# i最后一行添加一下就行
- ]  c* S+ h& G/ d" y
" C! n9 u& ~! \  M2 g" \) Cmax-width: 90%;
}
$ l: R" w/ q5 _  u$ p
, x* M/ n/ ]/ B/ j- ~& u- zdiv.u, div.ei {display:inline;}

秋天故事

kyletruman 发表于 2016-5-24 14:23
; l7 j9 ~$ t. g3 {" a0 y8 P, l感谢mitkyg大和o大的指导，我修正了一下css，不知正确否？
. b+ Q2 P" q. {9 W  B1 h这是我改之后的css，若修改不当，还请论坛上各 ...

% [6 M; P. f# h2 [下载了你更新后的css文件，not词条的排版正常了，见下图~~
3 ~& C8 p& Y9 u/ a; l

SharkW

kyletruman 发表于 2016-5-24 14:23
4 \" F! M  Z7 G- G) x感谢mitkyg大和o大的指导，我修正了一下css，不知正确否？
这是我改之后的css，若修改不当，还请论坛上各 ...

- Z. I1 o  L) L) e  ONOT正常了。但是查house一词，音标处仍然有数行代码。谢谢

kyletruman

SharkW 发表于 2016-5-25 07:58
/ f5 M* q) O: Y6 ^( G- DNOT正常了。但是查house一词，音标处仍然有数行代码。谢谢

0 @- l4 S6 e3 r: X7 \$ Y' V4 T/ G我用的是深蓝pro7.5.0, 我查house一词时，音标没问题。

644830104

kyletruman 发表于 2016-5-25 09:20
9 S9 W9 }  E1 w& i' V) L( H+ Y2 E我用的是深蓝pro7.5.0, 我查house一词时，音标没问题。

; l& l7 a1 h& n5 \8 N! ~  m
Thank u very much!

PurlingNayuki

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

SharkW

PurlingNayuki 发表于 2016-5-27 02:09
+ K7 |4 J, ]) l- p7 b7 D( f/ V剛纔針對 house、bear 等詞條做了一個嘗試性的修復，發現所用工具有問題，需要重寫。可能要花一段時間了， ...

3 ^" y% d3 G0 A' P! d2 |4 N' z感谢！辛苦了

PurlingNayuki

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

% j, Z1 H: P. C/ M; r, W% B0 t修復了，再試試。

SharkW

PurlingNayuki 发表于 2016-5-29 03:43
: F% U# A* ?6 w# _9 r# E% O; B- Q3 Q修復了，再試試。

5 p1 {' ?  C9 K感谢老大！ 最新版已经解决了之前的bug. 辛苦了！ 非常感谢！！

SharkW

kyletruman 发表于 2016-5-24 13:42
mitkyg，您好！
请问一下在哪一行添加？
% Y9 k' h0 j+ ^" C谢谢！

( J1 D  n7 k' W5 P3 o  \看着你些代码都头大，何况编写。于此，一并谢过论坛所有无私奉献的各位大神！！感谢你们的辛苦奉献！

yangshuo82

thanks

tarzan1200

Thanks alot for sharing