知道词典唯一ID，怎么在css中设置单个图片词典显示问题

liushawulan

请问大家，假如id为 21c8a206fba0bb0b98ee7be12e90e84c，css 代码有全局图片词典显示：
2 G- A; k0 z& R! E
9 Y% P0 M* C1 Kimg
$ @  T0 |; H4 Y  [) G; @{
max-width: 100%;
& X+ |0 O* Z+ N4 R& J& @height: auto;
}
2 r4 J  s+ F7 x
" T1 n! J& q) q% F/ B; s那么，怎么单个具体设置呢？尽管都是100%宽度，但有的词典图片留有旁白多，字就小，有的字较大，高度比较高，怎么使图片词典的高度紧凑些？

PS，我今天试了，看过O大某篇经验交流，即使在article-style.css里调整img，也不需要关闭Goldendict再重启看效果，只要保存article-style.css后，在goldendict上按快捷键ctrl + F5，也就是在设置-文件-重新扫描的快捷键，新的效果就出来了。
1 x0 U5 g9 W  x: w/ l

weird

#21c8a206fba0bb0b98ee7be12e90e84c img { …… }

liushawulan

weird 发表于 2018-6-5 13:49
# _% h# l0 ^( Z4 A" P2 h#21c8a206fba0bb0b98ee7be12e90e84c img { …… }

4 b% f" s( q. _  j6 g6 w& Z" s谢谢哈，不知道为什么，这些我自己之前乱看教程和代码，也试过，刚刚又试了一阵子，都没有用。删掉全局的
img
. D* X6 J* F' J& k{
8 r( _  W7 J  d! L2 P( J  _max-width: 100%;
height: auto;
! W1 @5 {2 R" x4 E, l- I" w}
' n# Y. H! d5 G在portable空白的article-style.css里写这个#21c8a206fba0bb0b98ee7be12e90e84c img { …… } 没有用。尽管根据config，就是这个id.

liushawulan

gdfrom-21c8a206fba0bb0b98ee7be12e90e84c img {max-width:100%}
# S4 w2 L- T" B- q# b: I5 {: |# o这个也不行。在portable目录下，空白的article-style.css, 只写入以上代码，也没有效果。

liushawulan

config中的id，和 portable 文件夹中的article-style.css

weird

4 _, z1 {( j: B! ^$ r你的CSS中代表ID的名字前必须有井号：#

建议，采用PC GoldenDict，在你想要处理的图片上右键/Inspect/在弹出的窗口中找到右侧的matched css rules/复制，粘贴到你自己的CSS中并修订为你想要的即可。

, Y+ ]7 w* v/ x  J若以下截图看不懂，就看附件的视频。


3 s3 \. S: k) ~4 B5 S; b
: }* l6 V2 G! W. p7 N  Q) i7 x

liushawulan

非常感谢，真的是
#gdfrom-21c8a206fba0bb0b98ee7be12e90e84c img {
max-width: 100%;
max-height: 200%;

/ p- }6 P; c0 ~) m: C}
' `  {) {. q; j, V* R
& c$ t% {  g$ D* b8 [* ]3 |0 @/ B
: V" a# C1 n2 o1 g2 F' X, x
2 s5 y7 s9 F. W7 l3 I' Q尤其按照教小白的视、图教程，找到那个match rule css, 特别容易。
7 j6 ~; \, s4 X9 q5 D4 F/ X& n同一个图片词典，显示两类图片，可能就是词典制作抓图时的不统一吧，
( a# F: p& z, a( C1 ^' y' D3 ?4 Q; r: M想请教大家，怎么在css上使这些图片紧凑些呢？或许同样大小、像第二类图片那种最合适的，css没法写吧？
# r  X. o5 g% P* l谢谢@@weird

chigre3

liushawulan 发表于 2018-6-5 17:18
4 u# p$ i# q& f" d- }# G非常感谢，真的是
1 s) ^/ m- |. u! t1 b#gdfrom-21c8a206fba0bb0b98ee7be12e90e84c img {
max-width: 100%;
$ L+ `7 G( v, c4 [, O) R

Max-height 删除吧。。。

liushawulan

chigre3 发表于 2018-6-6 18:16
Max-height 删除吧。。。

1 ^, U  {6 }- ~& o哈哈，谢谢，：），小白就是这样，乱写，删掉了好了。到处都是无知啊，css也不会，谢谢，我慢慢学。