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;

效果:

相关推荐
天蓝色的鱼鱼8 分钟前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君8799710 分钟前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee1841 分钟前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli43 分钟前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒1 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端
IT_陈寒1 小时前
Java开发必知的5个性能优化黑科技,提升50%效率不是梦!
前端·人工智能·后端
LDX前端校草1 小时前
前端开发规则配置
前端
代码老中医1 小时前
2026前端工程化新范式:如何用AI驱动你的设计系统?
前端
用户11481867894842 小时前
Vite项目中的SVG雪碧图
前端·面试
这个实现不了2 小时前
vue写一些进度条样式1
前端