本文介绍了一种通过调整CSS中的行高属性来确保文本和数字在同一水平线上显示的方法。当遇到数字高度小于文本高度的问题时，可以通过给父元素添加特定的行高值来解决这一布局难题。
父元素：.appt-box {
display: flex;
align-items: center;
}
如下图：文本和数字不在同一水平线上，原因：数字的高小于文本的高，给父元素添加一个行高可解决
父元素：.appt-box {
display: flex;
align-items: center;
line-height: .3rem;//大小自己设置
}
加行高之后的效果如下：
flex 布局文本与数字不水平对齐问题?给父元素加一个行高
最新推荐文章于 2025-05-21 10:31:38 发布
扫一扫
596
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
