均匀分配li项目，绝对宽度

Question

在响应式网站的页脚中，我需要均匀分发一些li项目。

这就是我想要实现的目标：

这就是我所拥有的：

我想避免为每个li设置绝对宽度，以保持网站这一部分的响应能力。

最佳的进展方式是什么？

Answer 1

你可以尝试

text-align:justify;

表示你的ul元素

这是一个小提琴

http://jsfiddle.net/89bnF/833/

Answer 2

使用保证金可以实现屏幕截图中的效果：

.bottomMenu li {
    margin-right: 24px;
}

如果你想要一个漂亮，合理的外观并且你不关心非常旧的浏览器，你可以使用flex模型：

.bottomMenu (
    display: flex;
    justify-content: space-between;
}