如何在 Element UI 的 el-col 中，让元素在超过 24 格时仍保持在一行？

发布日期： 2024-11-03 阅读量： 作者： 网络

如何在 element ui el-col 中让元素在超过 24 格时仍保持在一行？

Element UI 的 el-col 组件限制总跨度（span）为 24。若超过这个限制，元素会自动换行。不过，我们可以通过自定义实现，让元素在超过 24 格时也保持在一行中。

自定义解决方案：

实现此功能需要自定义 CSS 样式和 JavaScript 处理。

1. CSS 样式：

.el-row--custom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

随便看看