el-col列超出24份额时仍保持单行展示
如何让element-ui中的el-col列中的元素超过24份额时仍保持单行展示？这通常是出于实现横向滚动的布局需求。
根据提供的代码，可以看出问题在于使用el-col时，其span属性设置了具体的份额值。超过24份额后，元素会自动换行。
要实现超出24份额后仍然保持单行展示，需要采用以下步骤：
舍弃el-col：不再使用el-col来布局元素。自定义容器：使用el-row创建容器，并使用Flex布局来控制元素排列。使用flex-wrap：将容器的flex-wrap设置为nowrap，表示元素不会换行。溢出滚动：为容器设置overflow-x: scroll属性，允许水平滚动。
修改后的代码如下：
需要注意的是，这种实现方式依赖于Flex布局，在某些旧浏览器中可能无法正常工作。
以上就是Element UI 中 El-col 列超出 24 份额如何保持单行展示？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1557596.html
微信扫一扫 
支付宝扫一扫 
