在1920*1080分辨率下,
el-col
内容未超出el-col
宽度,el-col
不足以占据一行,el-row
却自动换行了(其他分辨率没有这个问题)。
截图:
排查:
-
el-col
内容没有溢出; - 没有多余的
padding
与margin
; - 整个
el-row
宽度没有超出父元素的宽度 - 样式布局没有问题
解决方案:
设置 el-row
为 flex
布局(type="flex"
),设置flex-wrap: wrap;
文章来源:https://www.toymoban.com/news/detail-719491.html
效果:
文章来源地址https://www.toymoban.com/news/detail-719491.html
到了这里,关于elementUI 特定分辨率(如1920*1080)下el-row未超出一行却换行的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!