display屬性用于設(shè)置元素的顯示方式。
常用的display屬性值及其作用如下：
none：元素不顯示，其在頁(yè)面中占據(jù)的空間也會(huì)被移除。
block：將元素顯示為塊級(jí)元素，即占據(jù)一行的整個(gè)寬度，默認(rèn)情況下每個(gè)塊級(jí)元素都會(huì)另起一行。
inline：將元素顯示為內(nèi)聯(lián)元素，即在同一行顯示，不會(huì)另起一行。
inline-block：將元素顯示為行內(nèi)塊元素，即在同一行顯示，同時(shí)可設(shè)置寬高等屬性。
flex：將元素顯示為彈性盒模型，通過(guò)設(shè)置彈性容器的屬性，可以實(shí)現(xiàn)彈性布局。
grid：將元素顯示為網(wǎng)格布局，通過(guò)設(shè)置網(wǎng)格容器的屬性，可以實(shí)現(xiàn)網(wǎng)格布局。
table：將元素顯示為表格布局，可以使用表格相關(guān)的屬性來(lái)布局。
inline-table：將元素顯示為內(nèi)聯(lián)表格布局。
table-cell：將元素顯示為表格單元格布局。
table-row：將元素顯示為表格行布局。
此外，display屬性還可以與其他屬性一起使用，如display: flex;與flex-direction: row;配合使用可以實(shí)現(xiàn)水平排列的彈性盒子布局。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
