辞海mdx,gd-ng中的样式问题

请教下,这里的空行怎么消除呢

不知道。。。

换个gd-ng的样式看下。

换过了空行一样存在,明天把mdx和css传上来,您帮忙看看

辞海第七版online.part1.rar (10 MB)
辞海第七版online.part2.rar (10 MB)
辞海第七版online.part3.rar (10 MB)
辞海第七版online.part4.rar (10 MB)
辞海第七版online.part5.rar (10 MB)
辞海第七版online.part6.rar (1.2 MB)

空行和缩进都是你上传词典的样式问题,用这个试试:cihai.css.zip (2.3 KB)

@xiaoyifang 这里 gdarticlebody 为什么要加上style="display:inline"?, CSS 有规定行内元素的内部是不能直接包含块级元素的,加了这个之后会导致子元素溢出到了 CSS 盒模型的外部,这是空行出现的直接原因。

1 个赞

估计是历史原因吧,处理了

ps: 辞海的js有通过html 元素替换,实现一些功能,如果当前词典比较多,会有性能问题和可能的功能问题。

稍微ai修改了下,适配gd
cihai.zip (1.7 KB)

2 个赞

这个词典在Windows最新版GD程序中无法查词,2月11日的版本可以
英汉大词典 第2版.part2.rar (6.2 MB)
英汉大词典 第2版.part1.rar (20 MB)

这个词典有个body的标签

之前gd-ng没有处理,

后果就是词典的body被提升到了整体的body设置,会对其他词典造成影响。

新的版本有处理了这种情况。将body替换为了section,

不巧的是,这个词典的body估计没有闭合(猜测)。造成了真实的内容实际上在下方2000px的位置。

我已自己修改了词典的css,删除了空白,至于gd软件,您可自行评估是否需要修改,以免引起其他问题

26.3.0 release都是正常的

嗯,最近的版本修改的。body->section

解包看了下,应该是这个词典有问题。

里面有这种结构。空白body(2000px),应该是闭合的早了</body>,可以全部删除

<body style="height:2000px;"></body>

补充AI分析(题外话:ai分析厉害):

方案

是要改mdx文本吗

新版GD似乎没有处理这个问题,另外当查词界面有背景图片时,某些词典的背景色也丢失了,类似这种

最终的办法是改mdx,或者简单的办法是修改词典的css

/* 强制将高度改为自适应,并覆盖掉 HTML 中的 2000px 设置 */
body {
    height: auto !important; 
    min-height: 100% !important;
    margin-bottom: 20px; /* 留一点底边间距即可 */
}

词典在哪里,我看下。

样式文件的这个背景是吧。

因为css样式是隔离的,各个词典互不影响。
这个词典的内容中没有body的标签。

如果显示出来了,是软件有问题。没有处理好隔离的话会显示出来。

实在想显示的话,
样式文件xsdyh.css中
body{}
改为
.mdict{}(只适用于gd)

类似

.mdict {
    background-image: url(images/lig99.png);
    background-repeat: repeat;
    background-position: center 0;
    border: solid 1px #6495ed;
    border-radius: 6px;
    padding: 0.2em;
    margin: 0 auto;
    font-family: sans-serif;
    width: 100% !important; /* 锁定屏幕宽度 */
    max-width: 100% !important;
    box-sizing: border-box !important;
	padding-left:5px;
}

就可以了。