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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014627807/article/details/79962060
<!-- 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。

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

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试