html - 行内 block 元素放置

Question

我将三个标签的 display css 属性设置为:a - 内联 block img - block 跨度 - 内联

<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 元素的文本大小不同时，第二个元素与第一个元素不在同一行。

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

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

Answer 1

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