elementui在small模式下el-button中的icon高度问题

情况:我在开发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;这个可以解决他的高度问题

解决方法
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容