display: block;
是CSS中的一个属性值,用于设置元素的显示方式。当一个元素的 display
属性被设置为 block
时,它会有以下特点:
- 独占一行:
block
级别的元素会始终从新的一行开始显示,并且会尽可能占满整行。这意味着在该元素之前和之后都会有换行。 - 填满父元素宽度:除非设置了明确的宽度,否则
block
级别的元素会默认填满其父元素的宽度。 - 宽度和高度控制:可以为
block
级别的元素设置宽度(width)和高度(height)。
常见的 block
级别元素包括:<div>
, <p>
, <h1>
, <h2>
, <h3>
, <ul>
, <ol>
, <li>
等。
当你使用 label{display:block;}
这样的CSS规则时,你实际上是在告诉浏览器:我希望所有的 <label>
元素都表现得像块级元素。这通常用于表单布局,以确保每个标签都独占一行,从而提高表单的可读性和易用性。
但需要注意的是,默认情况下,<label>
元素是内联元素(display: inline;
),所以如果你希望改变它的默认行为,使其表现得像块级元素,那么可以使用 display: block;
。