今天遇到了这个怪事。
你会发现在Firefox 7和Opera中，灰色框里面有一个"Next"字样。CSS包括一个text-indent属性，应该将该文本移动到其容器之外。在IE或Chrome中查看此页面时，它显示出了应有的方式。至少你认为它应该显示的方式。
这是一个已知的bug吗？有没有解决方法？
为什么当文本容器有:before/:after伪元素时，text-indent无法生效？（FX/Opera）
11
- jkupczak
2
1问题似乎与伪元素无关，它的表现完全相同：http://jsfiddle.net/UJAjD/4/ - thirtydot
是的，看起来就像Boris在下面提到的那样。谢谢。 - jkupczak
1个回答
11
根据规范，text-indent 影响块中第一行框中的文本。
问题在于规范并没有清楚地说明这种情况下第一行框是包含块还是包含文本，不同的浏览器会有不同的解释...
问题在于规范并没有清楚地说明这种情况下第一行框是包含块还是包含文本，不同的浏览器会有不同的解释...
- Boris Zbarsky
1
有道理。考虑到这一点，我所要做的就是将:before更改为:after，这样它就不再是第一行了。谢谢。 - jkupczak
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 当基础使用伪元素（before / after）时，Sass中的“&”代表什么？
- 8 有没有第三个伪元素，类似于after和before？
- 317 CSS：如何删除伪元素（after，before，...）？
- 25 哪些元素支持 ::before 和 ::after 伪元素？
- 75 垂直居中:before/:after伪元素的内容
- 13 CSS类的::before ::after伪元素不起作用
- 29 为什么:before和:after伪元素需要一个"content"属性？
- 6 CSS ::before ::after伪元素动态宽度
- 26 在 ::before 或 ::after 伪元素中选择文本
- 6 使用:before和:after伪元素与图片