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;

效果:

相关推荐
骑自行车的码农2 分钟前
React短文系列 遍历fiber树 App的创建
前端·react.js
AskSky6 分钟前
为了搞一个完美的健身APP,我真是费尽心机
前端
斯~内克11 分钟前
基于Vue.js和PDF-Lib的条形码生成与批量打印方案
前端·vue.js·pdf
阴阳怪气乌托邦12 分钟前
别再啃OA代码了!低代码"搭积木"式搞数智化,我直接少写500行
前端·低代码
beelan17 分钟前
v-on的思考
前端
山河木马19 分钟前
前端学习C++之:.h(.hpp)与.cpp文件
前端·javascript·c++
用户92724725021920 分钟前
PHP + CSS + JS + JSON 数据采集与展示系统,支持伪静态
前端
努力只为躺平24 分钟前
一文搞懂 Promise 并发控制:批量执行 vs 最大并发数,实用场景全解析!
前端·javascript
李大玄26 分钟前
Google浏览器拓展工具 "GU"->google Utils
前端·javascript·github
爱编程的喵26 分钟前
从DOM0到事件委托:揭秘JavaScript事件机制的性能密码
前端·javascript·dom