css中左侧图右侧文字为什么不居中
2021/5/24 22:36:11
浏览
次
css中左侧图右侧文字为什么不居中图片和文字在行内垂直方向默认是以基线（baseline）对齐的，图片基线在图片底部，而文字基线却在文字中点偏下的位置，所以才会显示成上图的样子。解决方式如下，使用两个垂直居中的属性便能够实现想要的效果：<html><body> &…
图片和文字在行内垂直方向默认是以基线（baseline）对齐的，图片基线在图片底部，而文字基线却在文字中点偏下的位置，所以才会显示成上图的样子。
解决方式如下，使用两个垂直居中的属性便能够实现想要的效果：
<html>
<body>
<div>
<img src="G.png" style="vertical-align: middle;">
<span style="vertical-align: middle;">
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfadfsasasdfasdasdf
</span>
</div>
</body>
</html>
Reference
https://www.html.cn/qa/css3/15171.html
来源：方帮信（微信：changyandoublog，邮箱：changyandou@126.com），欢迎分享！