我的代码如下:
<div class="container">
<div class="inner">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
</div>
这个想法是容器是overflow-x = scroll,而overflow-y是隐藏的,所以我可以从左到右滚动查看所有卡。
内部的卡片数量可以变化,因此我无法设置宽度,这导致了我的问题。我可以为每个“容器”进行数学运算,但是我希望使用相同的代码来进行运算,以便可以轻松添加和删除卡。
如果我从“内部”样式中删除宽度,那么所有卡片都将继续进入不同的行,但我只希望一行。
我尝试了flex-box,但这会挤压所有“卡”,即使它们具有设置的宽度。
我找不到任何可以帮助我解决这个问题的东西,但是我希望我的问题对您有意义。
欢呼