在CSS中,塊級元素是指獨占一行的元素,如<div></div>、<h1></h1>、<p></p>等等。
塊級元素的特點是:寬度默認是容器寬度的100%,高度由內容撐開;多個塊級元素默認垂直排列,相鄰元素之間有間距。
如果我們想讓一個塊級元素變成行內元素,可以使用display
屬性。
display: inline;
使用display: inline;
后,這個塊級元素就變成了行內元素,多個元素之間不再垂直排列,而是水平排列,寬高也不再是獨占一行。
還有一種常用的塊級元素轉換方式是將行內元素變成塊級元素。
display: block;
使用display: block;
后,這個行內元素就變成了塊級元素,獨占一行,寬度100%,高度由內容撐開。
除了inline
和block
外,還有一些其他值可以給display
屬性賦值,如inline-block
、none
等等。它們的意義和用法也各具特點,需要根據具體需求選擇使用。