2015-11-01 48 views
3

我想知道和不知道Bootstrap Grid行使用顯示:表和內容:「」他們的僞元素(之前和之後)的答案。爲什麼它在那裏使用顯示錶。引導行僞元素的使用

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

任何人都可以解釋他們爲什麼使用?

回答

4

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

除IE(6/7)外,所有瀏覽器都支持此功能。它在包含浮動元素的元素的內容之前和之後生成一個僞元素。設置display:table將創建一個匿名錶格單元格和一個新的塊格式上下文。這樣做的目的是防止高邊緣崩潰並提高現代瀏覽器和IE(6/7)之間的一致性。

+0

感謝您的回答。不能理解高利潤率崩潰? – Arun

+0

表達式摺疊邊距意味着兩個或更多個框(可能彼此相鄰或嵌套)的相鄰邊距(沒有非空內容,填充或邊框區域或間隔將它們分開)合併形成單個邊距。最終的邊距寬度是相鄰邊距寬度的最大值。在CSS 2.1中,水平邊距不會摺疊。欲瞭解更多信息,請點擊此鏈接,您將清除----------> http://960development.com/understand-css-margins-collapsing/ –

+0

哇...非常感謝你...我現在可以實現 – Arun