HTML代码在网站与QTextEdit中显示偏移问题及解决方法问询

你遇到的问题是QTextEdit加载HTML时，<dl><dt><dd>组成的列表出现了网页上没有的额外偏移，这是因为QTextEdit对这些HTML元素的默认样式和浏览器不一致——QTextEdit会给<dd>标签默认添加左缩进，而浏览器的默认排版更紧凑。

以下是两种可行的解决方法：

方法一：修改HTML代码，自定义元素样式 #

直接在原HTML的<dl>和<dd>标签中添加边距和缩进的样式，覆盖QTextEdit的默认设置：
将原代码中的<dl>标签修改为：

<dl style="font-weight:normal;font-style:normal;text-decoration:none; margin:0; padding:0;">

将所有<dd>标签修改为：

<dd style="font-weight:normal;font-style:normal;text-decoration:none; margin-left:0; padding-left:0;">

通过margin:0和padding:0强制消除默认的边距与缩进，让列表排版和网页一致。

方法二：给QTextEdit设置全局样式表 #

如果不想逐个修改HTML标签，可以通过QSS样式表统一设置QTextEdit中这些元素的样式：

from PyQt5.QtWidgets import QTextEdit

text_edit = QTextEdit()
# 设置样式表消除列表偏移
text_edit.setStyleSheet("""
    dl { margin: 0; padding: 0; }
    dd { margin-left: 0; padding-left: 0; }
""")
# 加载HTML
text_edit.setHtml(你的HTML内容)

这个方法会对QTextEdit中所有的<dl>、<dd>元素生效，一次性解决偏移问题。

内容的提问来源于stack exchange，提问作者Mazze