在1920*1080分辨率下,
el-col
内容未超出el-col
宽度,el-col
不足以占据一行,el-row
却自动换行了(其他分辨率没有这个问题)。
截图:
排查:
el-col
内容没有溢出;- 没有多余的
padding
与margin
; - 整个
el-row
宽度没有超出父元素的宽度 - 样式布局没有问题
解决方案:
设置 el-row
为 flex
布局(type="flex"
),设置flex-wrap: wrap;
效果:
在1920*1080分辨率下,
el-col
内容未超出el-col
宽度,el-col
不足以占据一行,el-row
却自动换行了(其他分辨率没有这个问题)。
截图:
排查:
el-col
内容没有溢出;padding
与 margin
;el-row
宽度没有超出父元素的宽度解决方案:
设置 el-row
为 flex
布局(type="flex"
),设置flex-wrap: wrap;
效果:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/170640.html
如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!