情况:我在开发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会造成站位问题
![](https://img.haomeiwen.com/i16493824/5aca6d1c1d29cc55.png)
![](https://img.haomeiwen.com/i16493824/de8898b05d7619e8.png)
![](https://img.haomeiwen.com/i16493824/2a8c71f1a20dd182.png)
原因:算是一个css中单位的一个bug,font-size在为4的奇数倍
时候都能复现出来
![](https://img.haomeiwen.com/i16493824/42dbe5ee55317100.png)
解决办法:给他加上display: inline-block;
这个可以解决他的高度问题
![](https://img.haomeiwen.com/i16493824/4fc09db1072252c5.png)
网友评论