css - 为什么当它的容器有一个 :before/:after 伪元素时文本缩进不起作用？（外汇/歌剧）

Question

今天遇到了这个怪癖。

http://jsfiddle.net/UJAjD/3/

您会注意到，在 Firefox 7 和 Opera 中，灰色框中包含“Next”一词。CSS 包含一个 text-indent 属性，该属性应该将该文本移出其容器。在 IE 或 Chrome 中查看此页面会以应有的方式显示。至少你认为它应该显示的方式。

这是一个已知的错误？有解决方法吗？

Answer 1

根据规范，文本缩进会影响块的第一行框中的文本。

问题是规范并没有明确说明这种情况下的第一行框是包含块还是文本，并且不同的UA对规范的解释不同......