在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;
效果: