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

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

截图:

排查:

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

解决方案:

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

效果:

相关推荐
Hilaku16 小时前
你们公司有 35 岁以上的前端吗?
前端·javascript·程序员
徐小夕16 小时前
开源Vector-Graph-RAG:向量+图谱双引擎,打破纯向量RAG的效果天花板
前端·vue.js·github
SameX16 小时前
HarmonyOS ArkTS 把组件截图保存成 PNG 再调系统分享面板的做法
前端
Swot16 小时前
SvelteKit SSG 发布后,为什么老访客非要强刷才能看到新内容?
前端
鸿蒙开发16 小时前
小程序存档写到一半怎么办?双槽保存与损坏恢复实战
前端·javascript·react.js
卸任17 小时前
AI 编程工具越用越多,模型配置越来越乱:用 Magpie 把它们管起来
前端·ai编程
前端一课17 小时前
凝神诀
前端
前端双越老师18 小时前
程序员 1v1 访谈系列第十三期:大龄已育空窗一年如何破局
前端·ai编程·全栈
恋猫de小郭18 小时前
Flutter 大小核优化又被回滚,然后又开新提案?
android·前端·flutter
MyBili18 小时前
Chrome扩展开发入门:从零打造实用浏览器插件
前端·chrome·谷歌浏览器·效率工具·浏览器插件·前端入门·扩展开发