Css 宽度的备选方案：为具有多行的内联块列表调整内容？
我试图使一个数量可变的缩略图列表居中，而缩略图都放在一行上，但随后的行保持左对齐，而父元素相应地保持在页面的中心<代码>宽度：fit content适用于一行，但当有多行时，它会变为100%宽度（在mac chrome中）。问题说明： 如果有其他方法可以实现我想要的目标，我不介意更改css或html标记的任何部分。适合该区域的背景是不必要的，在我的示例中只是为了更好地显示正在发生的事情。我的主要目标是创建一个列表，其行为类似于一行内联块元素的居中容器，但当必须创建第二行时，其中的第一个元素将在第一行的第一个元素下方排列，而不是自身居中Css 宽度的备选方案：为具有多行的内联块列表调整内容？,css,Css,我试图使一个数量可变的缩略图列表居中，而缩略图都放在一行上，但随后的行保持左对齐，而父元素相应地保持在页面的中心宽度：fit content适用于一行，但当有多行时，它会变为100%宽度（在mac chrome中）。问题说明： 如果有其他方法可以实现我想要的目标，我不介意更改css或html标记的任何部分。适合该区域的背景是不必要的，在我的示例中只是为了更好地显示正在发生的事情。我的主要目标是创建一个列表，其行为类似于一行内联块元素的居中容器，但当必须创建第二行时，其中的第一个元素将在第一行的
希望这是有意义的，如果不是的话，我可以做一个模型。我可以想象将整个东西包装在一个div中，并以%的宽度居中，可以做你想要的。但是一个模型可以帮助我理解
或者您可以使用边距压扁内部内容。您的示例运行良好，但您可能希望在UL中添加一个最大宽度 例如，如果您希望在您的案例中每行最多有7个项目，您可以 加：
好运=）这篇文章可能会有所帮助：是的，那篇文章正是我所说的。非常感谢。有点糟糕的是，如果没有一堆媒体查询，就没有当前的方法来完成它。可以使用jQuery:
$（'#id container'）。每个（function（）{$（this.parent（）.width（$（this.width（））；}）ul { max-width:630px}