span标签默认对齐

span 标签默认是 inline 元素，其默认对齐方式是基线对齐（baseline alignment），即元素的底部与父元素的基线对齐。如果想要改变 span 元素的对齐方式，可以使用 CSS 的 text-align 属性或者 vertical-align 属性。

例如，如果想要让 span 元素居中对齐，可以将其父元素设置为块级元素，并使用 text-align:center；如果想要让 span 元素与父元素的顶部对齐，可以使用 vertical-align:top；如果想要让 span 元素与父元素的底部对齐，可以使用 vertical-align:bottom。

相关问题

Img 标签与span 文字不在同一水平线

如果在使用 img 标签和 span 标签时发现它们不在同一水平线上，这可能是由于 img 标签是一个行内块级元素，而 span 标签是一个行内元素，它们默认的对齐方式不同导致的。

要让 img 标签和 span 标签在同一水平线上，可以使用 CSS 中的 vertical-align 属性来调整它们的对齐方式。例如：

<span style="vertical-align: middle;">这是一个<span>与</span><img src="image.jpg">在同一水平线上的<span>文本</span></span>

这将使 span 元素和 img 元素在垂直方向上居中对齐。你也可以将 vertical-align 属性设置为其他值，如 top、bottom、baseline 等，以实现不同的对齐方式。

另外，如果你想让 img 元素与 span 元素之间具有一定的间距，可以在 img 元素的样式中添加 margin-right 或者 span 元素的样式中添加 margin-left 属性。例如：

<span>这是一个<span>与</span><img src="image.jpg" style="margin-right: 10px;">有间距的<span>文本</span></span>

这将在 img 元素的右侧添加 10px 的间距，与其后面的 span 元素产生一定的间距。

HTML常见标签的默认display属性归类

HTML常见标签的默认display属性可以归类如下：

1. 块级元素（display: block）：这些元素会独占一行，可以设置宽度、高度、边距和填充，并且可以包含其他块级元素和行内元素。常见的块级元素有 div、h1-h6、p、ul、ol、li、header、footer、nav、article、section 等。

2. 行内元素（display: inline）：这些元素不会独占一行，只会占据所在行的一部分空间，不能设置宽度、高度、上下边距和填充，并且只能包含其他行内元素和文本。常见的行内元素有 a、span、em、strong、img、input、label、button 等。

3. 行内块元素（display: inline-block）：这些元素不会独占一行，可以设置宽度、高度、边距和填充，并且可以包含其他行内块元素和行内元素。常见的行内块元素有 input、img、button、select、textarea 等。

4. 列表项元素（display: list-item）：这些元素会像块级元素一样独占一行，但是它们具有特殊的样式，如圆点、数字或字母。常见的列表项元素有 li。

5. 表格元素（display: table）：这些元素会像表格一样显示，可以设置表格相关的样式，如边框、宽度、高度、单元格对齐等。常见的表格元素有 table、tr、td、th、caption、thead、tbody、tfoot 等。