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屬性的值設定為blockinlineinline-block等,來控制元素的顯示行為。