小编Jam*_*mes的帖子

我在几行上有一堆内联块元素,我想水平居中.内联块元素都具有相同的固定大小,但我希望中心能够处理页面大小调整以及添加或删除元素.

我已经删除了html/css并删除了为了清晰起见的中心尝试.它在http://jsfiddle.net/fe25H/1/

如果您调整结果窗口的大小以便第三个内联块元素下降,容器将填充宽度,我们得到:

-----------------BODY------------------
|                                     |
||-------------CONTAINER-------------||
||-INLINEBLOCK---INLINEBLOCK--       ||
|||____________||____________|       ||
||-INLINEBLOCK--                     ||
|||____________|                     ||
||___________________________________||
|_____________________________________|

而不是这个:

-----------------BODY------------------
|                                     |
|   |----------CONTAINER---------|    |
|   |-INLINEBLOCK---INLINEBLOCK--|    |
|   ||____________||____________||    |
|   |-INLINEBLOCK--              |    |
|   ||____________|              |    |
|   |____________________________|    |
|_____________________________________|

根据ptriek关于JavaScript解决方案的答案进行编辑:

Ptriek的代码是一个有用的起点; 它适用于特定情况,但不适用于一般情况.我大部分时间都把它重写为更灵活(参见http://jsfiddle.net/fe25H/5/).