Question

我正在创建一个HTML帮助文件（是的，是的，我知道它是老式的，但微软还没有提供更新的替代品）。

当我在普通浏览器中打开文件时，文本显示我的期望。但是当我在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

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

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

e.g：

<!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 knownledge base CSS3 in FAR Browser

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

Answer 2

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

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

你也可以

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

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

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

2 个答案: