页面排版经常遇到‘图标+文字’的需求，正常样式写下来是这样
上面的图标和文字是不对齐的
怎么办呢？其实很简单，加个样式看看
vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
middle 把此元素放置在父元素的中部。
vertical-align: middle;
加代码后，上面的文字和图片就居中了
浏览器都支持，当然后面的值是上对齐，下对齐，还是居中就要你自己去发挥喽～
原文链接：https://www.qiquanji.com/post/7807.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知