正常情况下，网页中的列表都是从左到右，从上到下的，如下： 但有时候可能需要从上到下，从左到右的排列方式，就像这样。 其实这种排序更符合日常生活中的排列方式。 虽然在网页中不常见，但如果真的碰到了这种布局，该如何处理呢？ 有些同学可能会想到用 JS将元素数组分成三份，做成一个二维数组，然后每个数组嵌套一层容器水平排列就行了。其实呢，纯 CSS 也是可以完成的，一起来看看吧。 一、grid 布局 很多