width的替代方法:多行内联阻止列表的适合内容?

Sco*_*orn 5 css css3

我正在尝试使可变数量的缩略图列表居中,而缩略图全部位于一行上,但随后的各行都左对齐,而父元素响应地保持在页面的中心。width:fit-content一行效果很好,但是当有多行时,宽度变为100%(无论如何,在Mac chrome中)。问题说明:

http://codepen.io/scotthorn/pen/eutAH?editors=110

如果还有另一种方法可以实现我的预期目标,则我不介意更改css或html标记的任何部分。不需要适合该区域的背景,仅在我的示例中可以更好地显示正在发生的情况。我的主要目标是要有一个行为像一个行的内联块元素的居中容器的列表,但是当必须创建第二行时,其中的第一个元素在第一行的第一个元素下方排列而不是以自己为中心。

希望这是有道理的,否则我可以制作一个样机。

abl*_*man 0

我想象将整个内容包装在一个 div 中,并以 % 宽度居中,就可以达到您想要的效果。但模型会帮助我理解。

或者您可以使用边距来压缩内部内容。