首页 > 其他分享 >ul-li 中 li 数据过多不能横向排列,会挤到下一排

ul-li 中 li 数据过多不能横向排列,会挤到下一排

时间:2023-02-22 11:46:26浏览次数:23  
标签:style 240px 300px li 一排 ul 视口 宽度

记一次问题: 使用了父元素宽度设置为100%,不能实现效果。 于是用到了calc() 计算属性。 vm 是当前视口的宽度。当前实现了动态设置宽度,宽度每次都比当前视口宽300px, 240px 是一个卡片的宽度,, 我多增加了一点/   具体代码如下: 父元素 .group_style { // 宽度为 当前视口的宽度 + 300px   width: calc(100vw + 300px);   height: 200px;   box-sizing: border-box;   overflow-x: auto; }   子元素: 必须设置宽度 .el_card_style {   width: 240px; }

标签:style,240px,300px,li,一排,ul,视口,宽度
From: https://www.cnblogs.com/strongAbby/p/17143825.html

相关文章