CSS(Cascading Style Sheets)是一種用于設置網頁樣式的語言,可以用來對網頁的排版、顏色、字體等進行控制。在CSS中,有一個非常重要的屬性——display
,它可以控制元素的顯示方式。其中,display: none
可以將元素隱藏起來,而display: block
、display: inline
和display: inline-block
等則可以設置元素的可見性。
/* 設置元素為塊級元素,可見 */ div { display: block; } /* 設置元素為行內元素,可見 */ span { display: inline; } /* 設置元素為行內塊級元素,可見 */ button { display: inline-block; }
其中,display: block
可以將元素變為塊級元素,塊級元素會以獨占一行的形式顯示,并且可以設置寬高、內邊距、外邊距等屬性。而display: inline
可以將元素變為行內元素,行內元素和文本流一樣顯示,不能設置寬高等屬性。而display: inline-block
則可以將元素變為行內塊級元素,保留塊級元素的屬性,同時又可以和文本一樣排在同一行。
通過設置元素的display
屬性,可以靈活地控制網頁元素的顯示方式,實現不同的布局效果。