元素设定inline-block后,需设定vertical-al
2023-01-12 本文已影响0人
ShadowFieldEric
原文参考:
https://segmentfault.com/q/1010000002965399
Q:
有一个div我设置了display:inline-block,在里面添加文字后它的位置发生了偏移,但我之前已经用css设置好了它的位置,不想再改动。应该怎样避免添加文字后div的位置偏移?
![](https://img.haomeiwen.com/i25283927/63ca0e44189694a4.png)
![](https://img.haomeiwen.com/i25283927/7bb06fed103cc298.png)
A:
inline-block的元素设置vertical-align:middle
关于文本的 line-height 和 vertical-align 这两个属性你可以去 CSS权威指南第三版 书中看看