问题 为什么文本缩进在其容器具有:before /:after伪元素时不起作用? (FX /歌剧)


今天进入这个怪癖。

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

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

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


7046
2017-10-05 16:25


起源

该问题似乎与伪元素无关,这表现完全相同: jsfiddle.net/UJAjD/4 - thirtydot
是的,所以看起来就像鲍里斯在下面提到的那样。谢谢。 - jkupczak


答案:


根据规范,text-indent会影响块的第一个行框中的文本。

问题是规范并没有真正说明在这种情况下第一个线框是否包含块或文本,并且不同的UAs不同地解释规范...


10
2017-10-05 17:50



说得通。考虑到这一点,我所要做的就是改变:之前:之后,它不再是第一行。谢谢。 - jkupczak