情况：我在开发vue2+element-ui项目的过程中发现了一个关于icon的问题，在el-button中加icon，在small模式下，icon正常的大小是宽高12px，但是icon的:before属性的height会加一像素，变成13px
这个问题会造成在写项目过程中el-button在small的情况下高度变为33px，正常情况下el-button在small模式下是32px的高度，在使用el-row和el-col会造成站位问题
el-button
宽高都是12px
宽是12px，高是13px
原因：算是一个css中单位的一个bug，font-size在为4的奇数倍时候都能复现出来
后来的我尝试了，确实这样
解决办法：给他加上display: inline-block;这个可以解决他的高度问题
解决方法
网友评论