【发布时间】:2010-01-20 00:01:45
【问题描述】:
我正在创建一个网页,我需要一个位于块的完美中心的内容列和两列,一列在左侧(浮动:右),一列在右侧(浮动:左)附加到该内容列。但是,我希望内容列具有可变大小。
起初我尝试将框列表居中。然而,盒子的总宽度决定了中间盒子的位置,如果右边的盒子比左边的大,内容盒子就会向左偏移。
然后我找到了一个解决方案,使用表格并强制左右列为 50% 宽度,并且中心列禁止换行。但是使用表格来强制布局总是不好的。
有没有不使用表格的可能解决方案?
*编辑:我过早地决定返回列表,因为它接近我想要的并且是最好的解决方案。似乎我找到了一个带有列表的解决方案,但不是最好的。使左右列固定在相同的宽度、边距和内边距上,使中心列与左右有右偏移。
【问题讨论】:
-
我记得使用丑陋的 hack 来解决类似的问题 - 通过 CSS 将外框的
width设置为某个值,并将内框的边距设置为相同 + 一点填充。不过,不确定它是否适合您的情况。