【问题标题】:Content Column in Perfect center with attached Left and Right Columns完美中心的内容列,附有左右列
【发布时间】:2010-01-20 00:01:45
【问题描述】:

我正在创建一个网页,我需要一个位于块的完美中心的内容列和两列,一列在左侧(浮动:右),一列在右侧(浮动:左)附加到该内容列。但是,我希望内容列具有可变大小。

起初我尝试将框列表居中。然而,盒子的总宽度决定了中间盒子的位置,如果右边的盒子比左边的大,内容盒子就会向左偏移。

然后我找到了一个解决方案,使用表格并强制左右列为 50% 宽度,并且中心列禁止换行。但是使用表格来强制布局总是不好的。

有没有不使用表格的可能解决方案?

*编辑:我过早地决定返回列表,因为它接近我想要的并且是最好的解决方案。似乎我找到了一个带有列表的解决方案,但不是最好的。使左右列固定在相同的宽度、边距和内边距上,使中心列与左右有右偏移。

【问题讨论】:

  • 我记得使用丑陋的 hack 来解决类似的问题 - 通过 CSS 将外框的 width 设置为某个值,并将内框的边距设置为相同 + 一点填充。不过,不确定它是否适合您的情况。

标签: css html


【解决方案1】:

【讨论】:

  • 这是一本很棒的书,谢谢!但是对于我的情况,我无法从中提取真正的答案...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-02-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-09
  • 2023-03-06
相关资源
最近更新 更多