奇怪的行为:显示表格+后的伪元素

时间:2013-10-06 18:34:22

标签: html css pseudo-element

我在使用:after的元素上应用display:table伪元素时发现了一个奇怪的现象,如您所见:http://jsfiddle.net/rKzNv/1/

伪元素可能表现得像表格单元格。

你知道吗?这是一个错误吗? 谢谢!

1 个答案:

答案 0 :(得分:3)

来自MDN - ::after (:after)

  

CSS:after伪元素匹配所选元素的虚拟最后一个子元素。

因此.table:after匹配div.table的虚拟,允许其作为表格单元格。

当您使用display: table-cell;

替换display: table-row;时,行为会发生变化

http://jsfiddle.net/rKzNv/2/