今天在遇到了一个问题,需求是两个div平行不换行,宽度超出后实现滚动
参考网上资料,有两种:1、float 2、display: inline-block,然而并不能实现,内容在超出后依然后自动换行

解决办法:


1
2
3
4
5
6
7
8
<!-- 最外层 -->
<div style="width: 100%">
<div stye="white-space: nowrap; width: fit-content">
<!-- 内容 ↓ -->
<div style="display: inline-block;">内容</div>
<!-- 内容 ↑ -->
</div>
</div>