如何为span元素设置不同的margin-top？

Question

我想为跨度元素设置不同的边距。例如，margin-top: 25px应该是第一个 span 元素，margin-top: 15px应该是第二个元素：

    <div style="background: green">
       <span style="display: inline-block; margin-top: 25px;">1</span>
       <span style="display: inline-block; margin-top: 15px;">2</span>
    </div>

但是，第二个span有margin-top: 25px。

是否可以margin-top为两个span元素设置不同？

Answer 1

你需要把vertical-align: top. 默认情况下，inline-block元素将下沉到其兄弟元素的级别。