span元素
span
是一个行内元素(Inline Element),而不是块级元素(Block Element)。行内元素与块级元素的主要区别在于格式化呈现的方式。
-
行内元素: 不会以新行开始的元素,它只占据其内容所需的空间。除
span
外的一些常见的行内元素还有a
、img
、strong
等。 -
块级元素: 会以新行开始的元素,它总是占用全宽。除了内容自身的空间,块级元素还会提供前后两个垂直方向上的空白,主要用作其他元素的外边距。一些常见的块级元素包括
div
、p
、form
、h1
...h6
等。
尽管元素的默认状态是行内元素或块级元素,但你可以使用CSS的"display"属性来改变元素的行为。例如,你可以把span
设置为块级元素,反之亦然。