修复将流体容器网格中的最后一行元素居中调整为左对齐，而容器保持居中

Question

我在流体容器中对齐'ul‘元素的最后一行时遇到了问题。我让容器在页面中正确居中，但当最后一行元素未完全填充时，它最终以元素居中结束。似乎找不到解决方案。

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

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

ul li {
    display: inline-block;
}

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

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

​

​

​

​

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

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

​

​

Answer 1

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

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

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