Display block意思
在HTML和CSS中,display: block
是一個CSS屬性值,它定義了元素的顯示方式。當給元素設定display: block
後,該元素會獨占一行,即它會將之前的行清空,然後自己開始新的一行。同時,塊級元素可以設定寬度和高度,可以包含內聯元素和其他塊級元素。
默認情況下,<p>
、<h1>
- <h6>
、<div>
等元素都是塊級元素,它們在頁面中會獨占一行顯示。而<a>
、<span>
等元素則是內聯元素,它們不會獨占一行,而是和其他文本或元素在同一行顯示。
您可以使用CSS的display
屬性來改變元素的顯示方式。例如:
/* 將某個元素設定為塊級元素 */
element {
display: block;
}
/* 將某個元素設定為內聯元素 */
element {
display: inline;
}
/* 將某個元素設定為內聯塊級元素 */
element {
display: inline-block;
}
您可以將display
屬性的值設定為block
、inline
、inline-block
等,來控制元素的顯示行為。