gpt4 book ai didi

javascript - 多行 slider 组件

转载 作者:太空宇宙 更新时间:2023-11-04 09:58:15 28 4
gpt4 key购买 nike

我正在尝试创建 slider 。现在我有这样的东西:

enter image description here

一切都排成一排,但我想要这样的东西:

enter image description here

因此我希望能够在 slider 中设置多行。

更新

这是一个 jsfiddle

最佳答案

添加<div class="row"></div>有风格

.row {
width: 100%;
clear: both;
}

那就是

<div class="outterDiv">
<div class="innerDiv">
<div class="row">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
<div class="item">Item 7</div>
<div class="item">Item 8</div>
<div class="item">Item 9</div>
</div>
<div class="row">
<div class="item">Item 4</div>
<div class="item">Item 5</div>
<div class="item">Item 6</div>
<div class="item">Item 10</div>
<div class="item">Item 11</div>
<div class="item">Item 12</div>
</div>
</div>
</div>

更新了 jsfiddle https://jsfiddle.net/69z2wepo/50082

关于javascript - 多行 slider 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38540796/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com