将图像的中心与相邻文本的中心垂直对齐

时间:2017-03-23 18:31:20

标签: css

vertical-align: middle表示图片的垂直中心与相邻文字的基线对齐。我需要将文本中心与图像中心对齐。这只能用CSS吗?试图在相邻文本上设置行高已经证明是徒劳的,因为图像只是重新对齐以补偿它,并且没有内置的vertical-align值可以满足我的需要。

2 个答案:

答案 0 :(得分:1)

将文字放入<span>元素,并将vertical-align: middle也提供

答案 1 :(得分:0)

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

根据MDN规范,没有垂直对齐值可以满足我的需求。对齐元素时渲染器正在做什么的深入解释:Why is this inline-block element pushed downward?