请教下,这里的空行怎么消除呢
不知道。。。
换个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)
@xiaoyifang 这里 gdarticlebody 为什么要加上style="display:inline"?, CSS 有规定行内元素的内部是不能直接包含块级元素的,加了这个之后会导致子元素溢出到了 CSS 盒模型的外部,这是空行出现的直接原因。
估计是历史原因吧,处理了
ps: 辞海的js有通过html 元素替换,实现一些功能,如果当前词典比较多,会有性能问题和可能的功能问题。
稍微ai修改了下,适配gd
cihai.zip (1.7 KB)
这个词典在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文本吗
最终的办法是改mdx,或者简单的办法是修改词典的css
/* 强制将高度改为自适应,并覆盖掉 HTML 中的 2000px 设置 */
body {
height: auto !important;
min-height: 100% !important;
margin-bottom: 20px; /* 留一点底边间距即可 */
}
词典在哪里,我看下。
实在想显示的话,
样式文件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;
}
就可以了。










