CSS图标文字不对齐解决方法

页面排版经常遇到‘图标+文字’的需求，正常样式写下来是这样

上面的图标和文字是不对齐的

怎么办呢？其实很简单，加个样式看看

vertical-align 属性设置元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

middle 把此元素放置在父元素的中部。

vertical-align: middle;

加代码后，上面的文字和图片就居中了

浏览器都支持，当然后面的值是上对齐，下对齐，还是居中就要你自己去发挥喽～

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知