HTML 帮助缩进 <dd> 中的第一行

Question

我正在创建一个 HTML 帮助文件（是的，是的，我知道它已经过时了，但 Microsoft 尚未提供更新的替代文件）。

当我在普通浏览器中打开文件时，文本显示如我所愿。但是当我在 HTML 帮助查看器中打开文件时，每个 <dd> 元素中的第一行都缩进了，这是我不想要的。

这是我的 CSS 文件。

body 
{
  color: #111;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}
dt {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 8px;
}
dd {
  margin-left: 18px;
}
pre {
  color: blue;
}

这是我的一部分 HTML。

<!doctype html public "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=Windows-1252">
<title>CYGNUSSTATEINFO Structure</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>

<h1>CYGNUSSTATEINFO Structure</h1>

<p>
The CYGNUSSTATEINFO structure contains information about the current state and settings of the Cygnus application. This information may be useful for programming extensions that need more information about the data being processed. This structure contains the following members.
</p>

<dt>HWND hCygnusWnd</dt>
<dd>
A handle to the main Cygnus window.
</dd>

<dt>LPWSTR lpszCurrFile</dt>
<dd>
A Unicode string that specifies the name of the current file being edited. Note that this member is for display purposes only and does not contain a fully qualified path.
</dd>

<dt>int nStartOffset</dt>
<dd>
Specifies the offset of the start of any selection. This may be useful when it is necessary to know the offset of the data being processed. This member is zero if there is no selection associated with the current task.
</dd>

<dt>int nBytesPerRow</dt>
<dd>
Specifies the current number of bytes per row.
</dd>

<dt>int nOffsetRadix</dt>
<dd>
Specifies the current offset radix. This is the notation used to show the offset of each row. It will be 16 for hexadecimal, 10 for decimal.
</dd>

<dt>int nGroupBy</dt>
<dd>
Specifies the number of bytes per group in the hex portion of the display. This value is one if there is no byte grouping.
</dd>

<!-- Etc.... -->

</body>
</html>

谁能理解为什么第一行在这里缩进？我试过设置 text-indent: 0 但没有成功。我还尝试将 DOCTYPE 更改为 <!doctype html>，但没有任何改变。

Answer 1

您可以将 text-indent:0; 添加到 dd 的 CSS 规则中，如果不能正常工作，也可以尝试添加 !important。

如果这不起作用，可能是由于特殊性（一个更复杂的选择器覆盖了它）。

你也可以

尝试在 HTML 中使用内联样式，例如 <dd style="text-indent: 0;"> A handle ...
尝试在样式表中使用更具体的 CSS 选择器，例如 body dt dd {...}

顺便说一句：我刚刚看到 - 至少在上面的示例代码中 - 你没有 body 标签...

Answer 2

将以下语句添加到所有 HTML 文件的 <head> 部分。如果 HTML 主题文件封装在 .chm 帮助文件中，则此方法有效。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11"/>

例如：

<!doctype html public "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=Windows-1252">
<title>CYGNUSSTATEINFO Structure</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11"/> 
</head>

有关更多信息，请查看我们的 FAR HTML 知识库 CSS3 in FAR Browser

和 Rick Strahl 的网络日志 Make your CHM Help Files show HTML5 and CSS3 Content

HTML 帮助缩进 <dd> 中的第一行

HTML Help indenting first line in <dd>

html

css

chm

html-help

html-help-workshop