CSS中的display屬性是用來控制元素的顯示方式的,它決定了一個元素應該如何顯示在屏幕上。
display屬性有多種取值:
//默認值,將元素顯示為塊級元素。 div { display: block; } //將元素顯示為行內元素。 span { display: inline; } //將元素顯示為表格單元格 td { display: table-cell; } //將元素隱藏。 p { display: none; } //將元素顯示為彈出式框 a { display: inline-block; }
另外,CSS中還有一個visibility屬性,它也可以用來控制元素的顯示方式。不同的是,display屬性隱藏元素時,元素在頁面中將不再存在(即不占據顯示區域),而visibility屬性只是讓元素在頁面中不可見,但仍然占據顯示區域。
需要注意的是,display屬性能夠改變元素的顯示方式,但并不能改變元素本身的類型,即將行內元素用display:block;轉化為塊級元素時,它仍然是行內元素。
綜上,display屬性是控制元素顯示方式的重要屬性,可以根據不同的需求將元素顯示為塊級元素、行內元素、表格單元格、彈出式框等等,幫助我們靈活地布局頁面。
下一篇css根據標簽屬性設置