CSS - Overflow-x:滚动切断 div 的开头

Jes*_*per 2 html css sass less

这可能是一个简单的修复,但我在任何地方都找不到它 - 也许我使用了错误的术语,所以如果我重复了一个已经被问过的问题,我深表歉意。

我创建了这个 stackblitz 演示:https ://stackblitz.com/edit/angular-ftv8ez

我遇到了这个问题,我有一个固定宽度 (300px) 的容器 div。

在其中,我有一些框 div,也有固定宽度 (300px)。

容器 div 有 overflow-x: scroll,所以这个想法是你可以在 div 溢出时滚动它。

但是,结果并未按预期执行。容器 div 的开头被缩短,这导致无法将第一个框滚动到视图中。

非常欢迎任何提示或帮助!

pro*_*tob 5

要修复它,您可以将 .container justify-content 值从justify-content:center更改为justify-content:start

  • 这也是我的问题,但是如果我们确实希望在内容适合时(不需要滚动时)使其居中怎么办? (5认同)