1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

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

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

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

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

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

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

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

vertical-align: middle;

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

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

原文链接:https://www.qiquanji.com/post/7807.html

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

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: