elementUI 特定分辨率(如1920*1080)下el-row未超出一行却换行

在1920*1080分辨率下, el-col 内容未超出 el-col 宽度,el-col 不足以占据一行,el-row 却自动换行了(其他分辨率没有这个问题)。

截图:

排查:

  • el-col 内容没有溢出;
  • 没有多余的 paddingmargin
  • 整个 el-row 宽度没有超出父元素的宽度
  • 样式布局没有问题

解决方案:

设置 el-rowflex 布局(type="flex"),设置flex-wrap: wrap;

效果:

相关推荐
Moment几秒前
NestJS 在 2025 年:对于后端开发者仍然值得吗 😕😕😕
前端·后端·github
热心市民小岳几秒前
Konva.js 实现 腾讯文档 多维表格
前端·javascript
砺能2 分钟前
uniapp生成的app添加操作日志
前端·uni-app
小Dno17 分钟前
diff算法理解第一篇
前端
文心快码BaiduComate7 分钟前
文心快码实测Markdown排版工具开发
前端·后端·程序员
杨超越luckly10 分钟前
HTML应用指南:利用GET请求获取全国沃尔沃门店位置信息
前端·arcgis·html·数据可视化·门店数据
yuqifang24 分钟前
DevEco Studio工具在打hap包时,Product选项(default,release)和 Build Mode(default,release)区别
前端
朝与暮25 分钟前
《深入浅出编译原理 -- 编译原理总述(一)》
前端·编译原理·编译器
灰太狼大王灬27 分钟前
Chrome 浏览器扩展图片 提取大师
前端·chrome
Strawberry_rabbit29 分钟前
程序员工作必需之公网和私网
前端·网络协议