javascript - span设置了margin-top:10px,为什么不是距离上面10px，还有这么大的空隙？

问题描述

问 题

.header_1_1 span{
    display:inline-block;
    margin-top:10px;
    font-size:30px;
    
}

解决方案

综上所述，img和span都是行内元素，他们的默认基线都是以底部对齐的方式呈现，如字母文字，都是如此。当你在span设置inline-block的时候，这时它是行内块元素，就可以设置margin，但是它还是有行元素的性质，也就是说基线底部对齐，为了解决这个问题你可以改变它的默认对齐方式，譬如vertical-align：top；，或者让它浮动，都可以解决这个问题。

这篇关于javascript - span设置了margin-top:10px,为什么不是距离上面10px，还有这么大的空隙？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！