Question

我对项目的CSS定位有问题。我需要将容器放在页面的中心，其中的项目也应该在中间但是在左边堆叠。我的代码：

<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

CSS：

    .container{max-width:1600px; text-align:center; display:block;}
    .item {width:100px; height:100px;display:inline-block;
     background-color:orange;color:black; margin:0 auto;}

这使所有内容都集中在一起，但问题在于，如果没有足够的项目来填充行，则它们以中间为中心。（它们不在左侧堆叠，只是在屏幕分辨率上居中显示）

您可以在此预览我的小提琴：https://jsfiddle.net/s9v4c5e7/3/

我也试过flex-box，但结果是一样的。在居中时不能将它们堆叠在左侧。我做错了什么？

由于

将项目放在容器内

0 个答案: