bootstrap行伪元素用法

时间:2015-11-01 18:07:40

标签: html css twitter-bootstrap-3

我想知道并且不知道Bootstrap网格行的答案使用Display:table和content:“”表示他们的伪元素(之前和之后)。为什么在那里使用显示表。

.row:after,.row:before{
display:table;
}

有人可以解释他们使用的原因吗?

1 个答案:

答案 0 :(得分:4)

.row:before,.row:after {display:table; }

除了IE(6/7)之外,所有浏览器都支持此功能。它在包含浮点数的元素的内容之前和之后生成一个伪元素。设置display:table创建一个匿名表格单元格和一个新的块格式化上下文。这可以防止上边距崩溃并提高现代浏览器与IE之间的一致性(6/7)。