2012-08-08 26 views
5

这是可能的CSS(我也许可以使用JavaScript进行管理):CSS自动宽度布局了无空白:汽车

它基本上是一个margin: auto影响,但我想每个保证金不同的背景,所以我如果有意义的话,可以在(固定宽度)中心div的两边寻找具有自动宽度的div。 Probs更好的可视化:

Sample layout

回答

3

http://jsfiddle.net/guc9V/1/

黑客攻击的一位,但它的工作原理。

我没有使用宽度值,因为jsFiddle需要调整大小以查看它的工作原理。

这基本上告诉div作为表格单元格,因此它们将填充包含作为表格的div。如果你没有指定中间div的宽度,每列将是33%宽。

+0

没有说明,没有+1;但'table-cell'是要走的路... – feeela 2012-08-08 10:45:31

+0

+1好的答案,我仍在摆弄,试图让它在我的应用程序中工作,这证明存在问题..(感谢ext js,或者我缺乏技巧与它) – 2012-08-08 10:59:32

+0

有一个更好的(跨浏览器)解决方案。 OP会很好地阅读CSS的基础知识。 – besluitloos 2012-10-15 14:33:12