首先,对于标题的拗口感到抱歉。
我正在尝试使用流体容器和不同大小的项目进行响应式导航。我需要知道是否有可能(如果可以的话)使所有项目之间的间距保持相同大小,同时保持第一个和最后一个项目与容器边缘齐平。
红色表示间距,所有元素之间应该相同
我可以很容易地用固定宽度做类似上面的事情,但是一旦调整窗口大小,我似乎无法让间隙增长/缩小到正确的大小。
百分比边距似乎是这个问题的答案,但是因为容器可以调整大小但里面的项目不能,如果窗口太小,项目要么传播到下一行,要么如果窗口太大,则不会到达行尾. 我也尝试过将元素设置为固定宽度,然后text-align:center;
间距不是设计师想要的。
必须与所有现代浏览器和 IE 7+ 兼容
这是一个(制作糟糕的)小提琴:http: //jsfiddle.net/GGwdW/