您的位置: 首页 > IT文章 > 同行span标签设置display:inline-block;overflow:hidden垂直对齐问题

同行span标签设置display:inline-block;overflow:hidden垂直对齐问题

分类: IT文章 • 2024-07-27 11:14:13

1 问题描述：一个div包含三个span

同行span标签设置display:inline-block;overflow:hidden垂直对齐问题

当span2 类样式设置如下图时，将导致垂直方向不对齐的情况

同行span标签设置display:inline-block;overflow:hidden垂直对齐问题

2解决方案：

将前面的也设置同样的样式

overflow:hidden;

display:inline-block;