我正在尝试制作一个可变数量缩略图列表，同时缩略图全部适合一行，但后续行左对齐，而父元素响应地保持在页面中心。 width:fit-content适用于一行，但当有多行时，它会达到100％宽度（无论如何都是mac chrome）。问题的插图：
http://codepen.io/scotthorn/pen/eutAH?editors=110
如果有另一种方法可以达到我想要的目标，我不介意改变css或html标记的任何部分。不需要适合该区域的背景，只有在我的例子中才能更好地展示正在发生的事情。我的主要目标是有一个列表，其行为类似于一行的内联块元素的居中容器，但是当必须创建第二行时，其中的第一个元素排在第一行的第一个元素下面而不是自己集中。
希望这是有道理的，如果不是，我可以做一个模型。
答案 0 :(得分：0)
我会想象将整个东西包裹在一个div中并以％宽度为中心可以做你想要的。但模拟可以帮助我理解。
或者您可以使用边距来压缩内部内容。
答案 1 :(得分：-1)
您的示例效果很好，但您可能希望在UL中添加 max-width 。
例如，如果您希望每行最多包含7个项目，那么您可以 添加：
ul { max-width:630px}