如何让溢出只在x而不是y

Question

我想要的是以下内容：一个底部带有缩略图的画廊，一个div，中间有一个大的主要内容。

我希望底部的缩略图只能用x滚动。我已经完成了overflow-x：scroll和overflow-y：hidden。

但是，前8个缩略图从左到右（x）很好地对齐，其他的正在将UNDERNEATH放在前8个位置。我希望它们全部是从左到右，仅限于x。

我该怎么做在与CSS的div？

Answer 1

你可以强迫你的缩略图留在这样的同一行：

display: inline-block; 
white-space: nowrap;