写demo时候发现一个小问题:
现在期望使用css使数个容器并列,多余部分隐藏可左右滑动,如图:
但是目前使用 overflow-x: auto 和 display: flex; 却未实现我们要的效果
代码里可见规定了宽度,整个屏幕默认是750rpx,每个子容器是250rpx,有四个子容器,按理说已经超出父容器宽度,但子容器宽度失效反而平铺满整个父容器。
我们给父容器加上 display: -webkit-box; 就是第一张动图里的效果了。
如果担心兼容性问题可以额外加一个 -webkit-overflow-scrolling: touch; 就好了。
如果你的问题还没解决,在评论区复述问题大家一起讨论进步吧