首页 文章

在容器保持居中时,将流体容器网格中的最后一行元素固定为左对齐

提问于
浏览
4

我无法在流体容器内对齐'ul'元素的最后一行 . 我让容器与页面正确对中,但当它们没有完全填充时,它最终将最后一行元素居中 . 似乎无法弄清楚解决方案 .

我正在使用Twitter Bootstrap的核心容器流体为外部div . 并将列表元素居中,如下所示:

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

ul li {
    display: inline-block;
}

我已经尝试使用text-align:justify并将div与边距居中,但它似乎并没有随着页面的大小调整而移动 . 建议?

以下是正在发生的事情的两个屏幕截图:

enter image description here

enter image description here

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

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

enter image description here

1 回答

相关问题