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

**URL:** <https://forum.freemdict.com/t/topic/41935>\
**Category:** GoldenDict-ng\
**Tags:** css-js-help, css\
**Created:** [2025 年10 月 23 日 12:13 UTC](https://forum.freemdict.com/t/topic/41935 "2025-10-23T12:13:02Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2025 年10 月 23 日 12:13 UTC](https://forum.freemdict.com/t/topic/41935/1 "2025-10-23T12:13:02Z")

</div>

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

 ![wechat_2025-10-23_201156_714](https://forumcdn.freemdict.com/uploads/default/original/3X/f/e/fe80ffa25ac74c61ce27bd0743be78a0a87bb9e9.png)

---

<div class="post-metadata">

**Author:** ![amob](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/amob/32/14630_2.png) [@amob](https://forum.freemdict.com/u/amob)\
**Post date:** [2025 年10 月 23 日 12:49 UTC](https://forum.freemdict.com/t/topic/41935/2 "2025-10-23T12:49:30Z")

</div>

不知道。。。

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2025 年10 月 23 日 15:43 UTC](https://forum.freemdict.com/t/topic/41935/3 "2025-10-23T15:43:41Z")

</div>

换个gd-ng的样式看下。

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2025 年10 月 23 日 16:16 UTC](https://forum.freemdict.com/t/topic/41935/4 "2025-10-23T16:16:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2025 年10 月 24 日 05:28 UTC](https://forum.freemdict.com/t/topic/41935/5 "2025-10-24T05:28:14Z")

</div>

[辞海第七版online.part1.rar](https://forum.freemdict.com/uploads/short-url/6SChjjBmxP0iRqpt4J95maYaJn8.rar) (10 MB)  
[辞海第七版online.part2.rar](https://forum.freemdict.com/uploads/short-url/5BaVQrxUZWwgiIYMQRaEAsoHkeN.rar) (10 MB)  
[辞海第七版online.part3.rar](https://forum.freemdict.com/uploads/short-url/s5CoLCYaTiufZ2otjoDfKTRlfov.rar) (10 MB)  
[辞海第七版online.part4.rar](https://forum.freemdict.com/uploads/short-url/2Qz09OCyt9klBFw6FwF5y1VdT6s.rar) (10 MB)  
[辞海第七版online.part5.rar](https://forum.freemdict.com/uploads/short-url/ySutjVN7dLLdQ3c4IoJsz4XNMjt.rar) (10 MB)  
[辞海第七版online.part6.rar](https://forum.freemdict.com/uploads/short-url/jwcMR29lXmrSlKVUW49LIA6XZQG.rar) (1.2 MB)

---

<div class="post-metadata">

**Author:** ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
**Post date:** [2025 年10 月 24 日 13:48 UTC](https://forum.freemdict.com/t/topic/41935/6 "2025-10-24T13:48:26Z")

</div>

空行和缩进都是你上传词典的样式问题，用这个试试：[cihai.css.zip](https://forum.freemdict.com/uploads/short-url/5QDXzM62zdonckerGC4YnrM89bU.zip) (2.3 KB)

 ![截屏2025-10-24 21.47.40](https://forumcdn.freemdict.com/uploads/default/original/3X/f/0/f0eb89858de028e814956cd496dc53ce0e8f0c94.png)

 ![截屏2025-10-24 21.42.06](https://forumcdn.freemdict.com/uploads/default/original/3X/0/8/0844132b07d8f694d6823a457d9344efd9dc5528.png)

---

<div class="post-metadata">

**Author:** ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
**Post date:** [2025 年10 月 24 日 14:02 UTC](https://forum.freemdict.com/t/topic/41935/7 "2025-10-24T14:02:29Z")

</div>

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

 ![截屏2025-10-24 21.54.37](https://forumcdn.freemdict.com/uploads/default/original/3X/9/4/9449ecddf013fc121ce805579f7189356ff08752.png)

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2025 年10 月 24 日 14:50 UTC](https://forum.freemdict.com/t/topic/41935/8 "2025-10-24T14:50:06Z")

</div>

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

> <https://github.com/xiaoyifang/goldendict-ng/pull/2560>

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

稍微ai修改了下，适配gd  
[cihai.zip](https://forum.freemdict.com/uploads/short-url/caZCZkcNFWt6iS2lduT4Cy5fYKj.zip) (1.7 KB)

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2026 年3 月 20 日 10:12 UTC](https://forum.freemdict.com/t/topic/41935/9 "2026-03-20T10:12:50Z")

</div>

这个词典在Windows最新版GD程序中无法查词，2月11日的版本可以  
[英汉大词典 第2版.part2.rar](https://forum.freemdict.com/uploads/short-url/b7ETG5bmegLr9yZUyg7GCoZzeet.rar) (6.2 MB)  
[英汉大词典 第2版.part1.rar](https://forum.freemdict.com/uploads/short-url/saea6EjRGfXlwVyRRem5jhaDQor.rar) (20 MB)

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 21 日 05:51 UTC](https://forum.freemdict.com/t/topic/41935/10 "2026-03-21T05:51:38Z")

</div>

这个词典有个body的标签

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/a/1/a183f552913d6c92dad1b349b84b21a156bbe761.png)

之前gd-ng没有处理，

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

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

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/a/0/a02865985e832db367e453ef16b8590a73f86002.png)

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

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2026 年3 月 21 日 06:07 UTC](https://forum.freemdict.com/t/topic/41935/11 "2026-03-21T06:07:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2026 年3 月 21 日 10:40 UTC](https://forum.freemdict.com/t/topic/41935/12 "2026-03-21T10:40:46Z")

</div>

26.3.0 release都是正常的

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 21 日 10:49 UTC](https://forum.freemdict.com/t/topic/41935/13 "2026-03-21T10:49:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 23 日 02:16 UTC](https://forum.freemdict.com/t/topic/41935/14 "2026-03-23T02:16:35Z")

</div>

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

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/5/0/5086f6f59380e164db2f8a87c4cbb3b3cbdb9368.png)

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

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

```

补充AI分析（题外话：ai分析厉害）：

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/9/3/934926a2bb5bf948afda35e6c7d88b0152444d3e.png)

方案

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/0/8/08f321d2220269d243de299aff2c991047e8051b.png)

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2026 年3 月 23 日 04:20 UTC](https://forum.freemdict.com/t/topic/41935/15 "2026-03-23T04:20:34Z")

</div>

是要改mdx文本吗

---

<div class="post-metadata">

**Author:** ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\
**Post date:** [2026 年3 月 23 日 04:36 UTC](https://forum.freemdict.com/t/topic/41935/16 "2026-03-23T04:36:30Z")

</div>

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

 ![ScreenShot_2026-03-23_123405_281](https://forumcdn.freemdict.com/uploads/default/original/3X/0/5/05acbc7e12965eb0670187f88338ffce1089a1aa.png)

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 23 日 05:43 UTC](https://forum.freemdict.com/t/topic/41935/17 "2026-03-23T05:43:18Z")

</div>

> [@zaojz](#):
>
> 是要改mdx文本吗

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

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

```

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 23 日 05:44 UTC](https://forum.freemdict.com/t/topic/41935/18 "2026-03-23T05:44:06Z")

</div>

> [@zaojz](#):
>
> 另外当查词界面有背景图片时，某些词典的背景色也丢失了，类似这种

词典在哪里，我看下。

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 23 日 12:50 UTC](https://forum.freemdict.com/t/topic/41935/20 "2026-03-23T12:50:06Z")

</div>

![image](https://forumcdn.freemdict.com/uploads/default/original/3X/d/3/d3e7048fa8321708bb1b1b17623df28797c9941e.png)

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

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

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

---

<div class="post-metadata">

**Author:** ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
**Post date:** [2026 年3 月 23 日 12:54 UTC](https://forum.freemdict.com/t/topic/41935/21 "2026-03-23T12:54:47Z")

</div>

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

类似

```auto
.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;
}

```

就可以了。

[下一页](https://forum.freemdict.com/t/topic/41935.md?page=2)