3

首先,对于标题的拗口感到抱歉。

我正在尝试使用流体容器和不同大小的项目进行响应式导航。我需要知道是否有可能(如果可以的话)使所有项目之间的间距保持相同大小,同时保持第一个和最后一个项目与容器边缘齐平。

期望的结果 调整大小的结果

红色表示间距,所有元素之间应该相同

我可以很容易地用固定宽度做类似上面的事情,但是一旦调整窗口大小,我似乎无法让间隙增长/缩小到正确的大小。

百分比边距似乎是这个问题的答案,但是因为容器可以调整大小但里面的项目不能,如果窗口太小,项目要么传播到下一行,要么如果窗口太大,则不会到达行尾. 我也尝试过将元素设置为固定宽度,然后text-align:center;间距不是设计师想要的。

必须与所有现代浏览器和 IE 7+ 兼容

这是一个(制作糟糕的)小提琴:http: //jsfiddle.net/GGwdW/

4

1 回答 1

2

检查此解决方案,可能会有所帮助:“text-align: justify;” 内联块元素正确吗?

对于旧的 IE,有 text-align-last 属性。

于 2013-07-25T15:34:30.087 回答