javascript - 修复在流体容器网格中将最后一行元素居中对齐，而容器保持居中

Question

我无法在流体容器内左对齐“ul”元素的最后一行。我让容器与页面正确居中，但当最后一行元素未完全填充时，它最终居中。似乎无法弄清楚解决方案。

我在核心使用 Twitter Bootstrap，外部 div 使用 container-fluid。并将列表元素居中，如下所示：

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

ul li {
    display: inline-block;
}

我试过使用 text-align: justify and centering the div with margins 但它似乎并没有随着页面大小的调整而移动。建议？

这是正在发生的事情的两个屏幕截图：

JS 小提琴示例：http: //jsfiddle.net/Z9uqQ/

最后一行应与 1 相同的垂直边缘左对齐。

Answer 1

如果我理解正确margin: 0 auto会这样做：

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

演示：http: //jsfiddle.net/elclanrs/GdAvm/