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

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

本帖最后由 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

谢谢高手的帮助，果然解决了！

[词典求助] 一个OALD改版的CSS的奇怪问题

点评