在CSS中,<span>
标签默认是一个内联元素,只能在一行中显示。但是有时我们希望将<span>
元素变成块级元素,以便更好地布局和控制其样式。下面让我们来学习如何将 <span>
变成块级元素。
使用CSS中的display
属性可以改变<span>
标签的默认属性。将display
设置为block
,可以让<span>
变成块级元素,即在新行中显示。
这是一段新的块级元素
除了block
,还可以将display
属性设置为其他例如inline-block
,list-item
等值,以实现不同的效果。比如inline-block
可以让元素在新行中显示,但是元素的宽度只占据内容所需要的宽度,而不是整行的宽度。
这是一个 inline-block 元素