行内块元素放置

Question

我有三个标签，显示 css 属性设置为： a - 内联块 img - 块 跨度 - 内联

<a id="first">
<img/>
<span>
A first line of tekst
B second line of text
</span>
</a>

<a id="second">
<img/>
<span>
C one line of text 
</span>
</a>

我的问题是，当 span 元素的文本大小不同时，第二个元素与第一个元素不在同一行。

为什么 span 会影响元素的放置？

看起来最后几行文本在同一行，所有其他元素都依赖于它。

Answer 1

它显示在单行中，因为跨度显示的是内联文本。但是，span 默认是内联的，所以不需要设置为内联显示。与其将 span 设置为块显示，不如使用正确的元素 div，默认情况下它是块级元素。