我正在尝试制作一个最终居中对齐的网格，但项目左侧和顶部对齐。
这是一个复制品： http://jsfiddle.net/Ae8Wv/1306/
我认为创建1个父容器，使用require __DIR__.’/../project/bootstrap/autoload.php’;
$app = require_once __DIR__.’/../project/bootstrap/app.php’;
或text-align: center，然后添加样式为display: flex; justify-content: center;的子容器，然后添加一堆固定宽度的子项导致我在寻找什么。
但看起来处理项目列表的flex容器不会占用其中一行的最长宽度的自动宽度，而是扩展到可能的最大宽度，因为我猜测之前的事实包裹宽度为100％+++++
有解决方法吗？
看起来没有因为这个答案显示同样的问题： Centered Grid - Inner Grid align left - NO Javascript - NO Medias Queries
答案 0 :(得分：1)
使用flexbox时，您似乎对主轴和横轴感到困惑。
使用flex-direction: row和justify-content: center将水平居中，而不占用100％宽度（默认值）。
OR
使用flex-direction: column和align-items: center将水平居中，而不占用100％宽度（默认值）。
希望这有帮助!!!