推 hermitwhite:這麼一說，其實直接用table就解決了... 06/23 09:41
推 eliang:原來有這種東西,謝謝! 06/23 15:56
※ 引述《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