以绝对宽度均匀分配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;
}