lbhl 发表于 2020-3-9 01:24:31

一个OALD改版的CSS的奇怪问题

本帖最后由 lbhl 于 2020-3-9 10:06 编辑

最OALD4 css改动了一下,仅仅调整了颜色字体,再加上将原和英文释义在同一行排列的中文释义换行:.df zh {display: block;},
结果出现了奇怪的现象,即使窗口足够宽,有的英文例句的中文翻译的最后一个字还是跑到第二行去显示了。见截图。可能因为兼容性不同,欧路和GOLDENDICT显示的版面不完全一样,但这个现象都是有的。

然后我将MDX转成TXT,抽取其中make词头生成make.htm文件,在chrome里显示make.htm就没这个问题。

CHROME显示正常是没用的,怎么改才能使得电子词典中显示不出问题呢?

注意到原CSS没怎么用inline,block,是用table-cell,table排版的,这个我不大熟悉。附上MDX,make.htm,css等文件,高手你们给鄙人看看吧?



使用欧路的要清缓存才能看到效果

如果无MDX或者下载的CSS无效果变化与您的MDX不匹配,请下载全部文件(40MB左右):https://pan.baidu.com/s/1TVm6dkvu45mhb8UhEFQSeg
提取码:qi41

如果已有MDX可仅下载CSS文件: 链接:https://pan.baidu.com/s/1oMsmZpQ0vzMDHV-NC9Iieg 提取码:6izl




Lynvia 发表于 2020-3-9 09:29:16

鼠标放上去如果覆盖的阴影面积没有铺满屏幕,可以设置一下width。

lbhl 发表于 2020-3-9 09:54:23

Lynvia 发表于 2020-3-9 09:29
鼠标放上去如果覆盖的阴影面积没有铺满屏幕,可以设置一下width。

应该和宽度设置无关吧?所有例句即使设置了宽度肯定也是一样的,大部分例句(即使比有问题的例句字数多)都没有这种最后一个字换行的情况啊

lbhl 发表于 2020-3-9 12:42:32

谢谢高手的帮助,果然解决了!
页: [1]
查看完整版本: 一个OALD改版的CSS的奇怪问题