作者eliang ()
看板Web_Design
标题[问题] 包含 float block 的 block 要如何置中?
时间Fri Jun 22 21:22:52 2007
Hi,
抱歉, 这篇文章的标题可能很难懂,
不过没办法, 我实在不知道要怎麽用一句简短的句子来描述这个问题,
看不懂标题没关系, 请看以下问题的详细描述:
假设有一个 block 包含数个 float: left 的 block, 如图:
┌─────────────────────────────────────┐
│
┌──┐┌──┐┌──┐ │
│
└──┘└──┘└──┘ │
└─────────────────────────────────────┘
其中里面的三个黄色框框表示 float: left 的 block,
外面的灰色框框则包含这些黄色框框,
一个普通的 block, 若没有在 CSS 里特别指定, 那个 block 的宽度是 100%,
会占满整个画面, 正如上图灰色框框所示,
而黄色框框因为是 float: left, 所以它们的宽度会缩到最小, 并且靠左边并排,
重点来了, 我要问的问题就是,
我希望灰色框框的宽度能随着内含物
自动缩小, 并且在画面上
水平置中, 如图:
┌────────────┐
│
┌──┐┌──┐┌──┐│
│
└──┘└──┘└──┘│
└────────────┘
不知道有没有人知道怎麽做? 谢谢!
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.133.199
1F：推 TonyQ:水平置中的话 对内容物设margin? 06/22 21:33
2F：→ eliang:内容物已经是 float:left了,所以应该没办法置中吧? 06/22 21:36
3F：推 hermitwhite:设定明显小於需求的宽度加上nowrap行不行？ 06/23 08:35
4F：→ hermitwhite:水平置中标准方法是定宽度的，这里说不定要用到table 06/23 08:39