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

时间:2年前   阅读:2373

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

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

怎么办呢?其实很简单,加个样式看看

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

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

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

vertical-align: middle;

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

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

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

微信扫码关注

更新实时通知

上一篇:50ETF期权从菜鸟到大神,只需三分钟

下一篇:期权市场不断震荡的情况下投资者该怎么办?

网友评论

请先 登录 再评论,若不是会员请先 注册