作者DarkKiller (System hacked)
看板Web_Design
标题Re: [问题] 包含 float block 的 block 要如何置中?
时间Sat Jun 23 08:59:15 2007
※ 引述《eliang ()》之铭言：
: 我希望灰色框框的宽度能随着内含物自动缩小, 并且在画面上水平置中, 如图:
: ┌────────────┐
: │┌──┐┌──┐┌──┐│
: │└──┘└──┘└──┘│
: └────────────┘
: 不知道有没有人知道怎麽做? 谢谢!
你要的效果其实是一个置中的 table 里面有三个 td。这是在 Firefox/Opera/Safari
上可以运作的 CSS：
#demo {
border: 2px solid;
display: table;
margin: 0 auto; /* center */
}
#demo1, #demo2, #demo3 {
border: 2px dotted;
display: table-cell;
}
这是对应的 html 语法：
<div id="demo">
<div id="demo1">first paragraph<br>text</div>
<div id="demo2">text</div>
<div id="demo3">text</div>
</div>
不过 IE6 不支援 table-cell，所以...
==
IE6 在不增加 html tag 的情况下目前没找到解...
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.54.119
1F：推 hermitwhite:这麽一说，其实直接用table就解决了... 06/23 09:41
2F：推 eliang:原来有这种东西,谢谢! 06/23 15:56