情景:vue2.x+element的pc端网页后台管理系统,上游系统是公司的OA,很多是ie用户,页面由OA的链接跳转过来,所以需要兼容ie。页面中有大量的表单,布局方式为一行两列,由于部分表单元素高度会多出来一点儿,会出现布局问题(其他浏览器不会,ie的高版本会)。
仔细检查样式发现,el-select的高度为50px(正常的),但是其直接父级.el-form-item__content的高度就是50.8px。select和父级本身都没有样式语句导致这个现象。至于是为什么,我也还一头雾水。不过多次尝试后发现了以下解决办法:
给el-form-item__content加上display:flex;
正常了。
ie下element部分表单元素高度异常的问题
最新推荐文章于 2024-05-20 15:51:49 发布