以絕對寬度均勻分配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;
}