Javascript 将流体容器网格中的最后一行元素固定在居中位置，使其左对齐，同时容器保持居中

我无法在流体容器中对齐“ul”元素的最后一行。我让容器与页面正确居中，但当最后一行元素没有完全填充时，它会以居中结束。我似乎想不出解决办法

我在核心部分使用Twitter引导，外部部分使用容器流体。列表元素居中，如下所示：

ul {
    text-align: center;
    list-style:none;
}

ul li {
    display: inline-block;
}

我尝试过使用text align:justify并将div与边距居中，但它似乎不会随着页面大小的调整而移动。建议

以下是正在发生的两个屏幕截图：

JS小提琴示例：

最后一行应与1的垂直边向左对齐

---

如果我理解正确

margin:0 auto

可以：

ul {
    width: 90%;
    margin: 0 auto;
}

---

演示：

你能在某处发布一个这样的例子吗，jsfiddle，jsbin…这将非常有用。注意：最后一行也可以有倍数，如屏幕截图所示。所以：最后一个孩子不行。我想我明白了，检查我的答案。这就是你的意思？@Systembolaget有时它可以是多个元素，所以最后一个子元素并不总是有效。这不起作用，因为在调整容器大小时，内容不再居中。不过谢谢。我添加了一个新的屏幕截图，描述了你的解决方案将如何处理图像。请注意，它不会将ul移动到中心位置。它把所有的东西都留在左边Sry我不明白你的意思。。。你能用实际的图像和twitter引导来做一个例子来正确地调试它吗？您可以使用中的图像编写一个快速示例。无需引导。更新。请注意，当您向左拖动输出容器时，UL不会在容器中重新居中。