设置overflow:hidden导致相邻行内元素向下偏移的问题

<!-- html -->
<div>
    <span></span>
    <span></span>
    <span></span>
</div>

/* CSS */
div span{
    display:inline-block;
}
div span:nth(0){
    overflow:hidden;
    }

这样设置之后,后面的两个span会向下偏移一定距离
实际上就是inline-block元素的默认baseline和其下外边沿的距离。
常用的解决方法是为上述inline-block元素添加vertical-align: bottom。

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014627807/article/details/79962060
文章标签: CSS
个人分类: 前端相关
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭