Re: [問題] 包含 float block 的 block 要如何置中?
看板Web_Design作者DarkKiller (System hacked)時間18年前 (2007/06/23 08:59)推噓2(2推 0噓 0→)留言2則, 2人參與討論串2/2 (看更多)
※ 引述《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
推
06/23 09:41, , 1F
06/23 09:41, 1F
推
06/23 15:56, , 2F
06/23 15:56, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：