CSS顯示display

display屬性

浮動、定位對display的影響；

行元素與塊元素默認(rèn)的display類型；

屬性類型：

display: block;（顯示為塊元素）

display: inline;（顯示為行元素）

display: inline-block;（行內(nèi)塊元素，可設(shè)置寬高）

display: table;（表格顯示）

display: table-cell;（單元格顯示）

inline-block的兼容性問題

兼容性：

IE6、IE7不識別inline-block但可以觸發(fā)塊元素。

其它主流瀏覽器均支持inline-block。

解決IE6、IE7兼容性的方法：

1、首先設(shè)置inline-block觸發(fā)塊元素，具有了layout的特性，然后設(shè)置display:inline使塊元素呈現(xiàn)內(nèi)聯(lián)元素，此時layout的特性不會消失。

2、直接設(shè)置display:inline，使用zoom:1觸發(fā)layout。

兼容所有瀏覽器的方法是：

display:inline-block;

*display:inline;

*zoom:1;

display: none; 與visibility: hidden; 的區(qū)別

display:?none; 表示隱藏，既隱藏內(nèi)容，也隱藏大?。?/p>

visibility:?hidden; 只隱藏內(nèi)容，沒有隱藏大小。