Question

所以，我只是在玩一些有趣的页面。我似乎无法让firefox 4不缩进＆lt; dd＆gt;标签！它完全忽略了text-indent属性。

这只是我吗？还有其他人遇到过这个问题吗？我正在试图决定它是我还是浏览器。

在Chrome中运行良好

Answer 1

我确信问题是这些问题中的一个或两个：

该页面没有doctype，因此浏览器正在使用Quirks Mode 尝试添加第一行<!DOCTYPE html>以使用标准模式。

您尚未包装<dt> and <dd> elements inside a <dl> element。固定代码：

<dl>
    <dt>
        <a href="index.xml">Sample Data</a>
    </dt>
    <dd>
        This is just a list of CDs, costs, etc.
    </dd>
</dl>

Answer 2

看起来你已经解决了这个问题，但是在quirks模式下发生的事情是以下CSS规则应用于Gecko中的网页（来自http://mxr.mozilla.org/mozilla-central/source/layout/style/quirk.css）：

:not(dl) > dd {
  display: inline;
  margin: 0;
}

:not(dl) > dd:before {
  display: inline;
  white-space: pre;
  font-size: 1px;
  line-height: 0;
  content: "\A  ";
  -moz-margin-end: 40px;
}

你看到了:before伪元素的空格和边距结束。

Firefox <dd> text-indent元素问题</dd>

2 个答案: