liushawulan 发表于 2018-6-5 12:02:56

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

请问大家,假如id为 21c8a206fba0bb0b98ee7be12e90e84c,css 代码有全局图片词典显示:

img
{
max-width: 100%;
height: auto;
}

那么,怎么单个具体设置呢?尽管都是100%宽度,但有的词典图片留有旁白多,字就小,有的字较大,高度比较高,怎么使图片词典的高度紧凑些?

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

weird 发表于 2018-6-5 13:49:30

#21c8a206fba0bb0b98ee7be12e90e84c img { …… }

liushawulan 发表于 2018-6-5 15:03:35

weird 发表于 2018-6-5 13:49
#21c8a206fba0bb0b98ee7be12e90e84c img { …… }

谢谢哈,不知道为什么,这些我自己之前乱看教程和代码,也试过,刚刚又试了一阵子,都没有用。删掉全局的
img
{
max-width: 100%;
height: auto;
}
在portable空白的article-style.css里写这个#21c8a206fba0bb0b98ee7be12e90e84c img { …… } 没有用。尽管根据config,就是这个id.

liushawulan 发表于 2018-6-5 16:01:01

gdfrom-21c8a206fba0bb0b98ee7be12e90e84c img {max-width:100%}
这个也不行。在portable目录下,空白的article-style.css, 只写入以上代码,也没有效果。

liushawulan 发表于 2018-6-5 16:10:47

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

weird 发表于 2018-6-5 16:42:57

本帖最后由 weird 于 2018-6-13 19:06 编辑

你的CSS中代表ID的名字前必须有井号:#

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

若以下截图看不懂,就看附件的视频。



liushawulan 发表于 2018-6-5 17:18:41

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

}



尤其按照教小白的视、图教程,找到那个match rule css, 特别容易。
同一个图片词典,显示两类图片,可能就是词典制作抓图时的不统一吧,
想请教大家,怎么在css上使这些图片紧凑些呢?或许同样大小、像第二类图片那种最合适的,css没法写吧?
谢谢@@weird

chigre3 发表于 2018-6-6 18:16:01

liushawulan 发表于 2018-6-5 17:18
非常感谢,真的是
#gdfrom-21c8a206fba0bb0b98ee7be12e90e84c img {
max-width: 100%;


Max-height 删除吧。。。

liushawulan 发表于 2018-6-6 19:37:27

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

哈哈,谢谢,:),小白就是这样,乱写,删掉了好了。到处都是无知啊,css也不会,谢谢,我慢慢学。
页: [1]
查看完整版本: 知道词典唯一ID,怎么在css中设置单个图片词典显示问题