css中的display屬性用于指定元素的顯示方式。傳統的HTML元素默認都是“塊級元素”或“行內元素”,而display屬性可以改變元素的默認顯示方式,使其以另一種形式呈現。
/* 將元素以塊級元素顯示 */ display: block; /* 將元素以行內元素顯示 */ display: inline; /* 將元素以行內塊級元素顯示 */ display: inline-block; /* 隱藏元素 */ display: none;
使用display屬性可以控制元素的尺寸、位置、流動方式和交互方式。例如,將div元素的display屬性設置為inline-block,則可以讓它既擁有塊級元素的尺寸和位置控制,又具備行內元素的流動性和相鄰元素處于同一行的特性。
另外,display:none可將元素完全隱藏,但還保留了該元素在文檔中占據的位置,即該元素在文檔流中不再占據空間。如果要讓元素恢復顯示,則需要將display屬性設為元素默認值。
總的來說,display屬性是CSS中非常常用,且非常有用的一個CSS屬性,通過這個屬性我們可以輕松地控制元素的顯示方式,達到自己想要的效果。