1. 程式人生 > >CSS中的margin:auto失效原因

CSS中的margin:auto失效原因

1.要給居中的元素一個寬度,否者無效。

2.該元素一定不能浮動,否者無效。

3 在HTML中使用標籤,需考慮好整體構架,否者全部元素都會居中的。

4.display:table-cell
display:table-cell屬性指讓標籤元素以表格單元格的形式呈現,類似於td標籤。

目前IE8+以及其他現代瀏覽器都是支援此屬性的。我們都知道,單元格有一些比較特別的屬性,例如元素的垂直居中對齊,關聯伸縮等。與其他一些display屬性類似,table-cell同樣會被其他一些CSS屬性破壞,例如float, position:absolute,所以,在使用display:table-cell與float:left或是position:absolute屬性儘量不用同用。

設定了display:table-cell的元素對寬度高度敏感,對margin值無反應,響應padding屬性,基本上就是活脫脫的一個td標籤元素了。