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;

效果:

相关推荐
光影少年11 小时前
React vs Next.js
前端·javascript·react.js
谢尔登11 小时前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
OEC小胖胖11 小时前
16|总复习:把前 15 章串成一张 React 源码主线地图
前端·react.js·前端框架·react·开源库
董世昌4111 小时前
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
java·开发语言·前端
_OP_CHEN11 小时前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签
满栀58511 小时前
插件轮播图制作
开发语言·前端·javascript·jquery
切糕师学AI11 小时前
Vue 中的计算属性(computed)
前端·javascript·vue.js
程琬清君11 小时前
Vue3DraggableResizable可移动范围有问题
前端·javascript·vue.js
lkbhua莱克瓦2411 小时前
CSS盒子模型:网页布局的基石与艺术
前端·css·笔记·javaweb
Curvatureflight11 小时前
前端性能优化指南:从加载到交互的每一毫秒
前端·性能优化·交互