作者monomorium (門外漢)
看板Web_Design
標題Re: [問題] td寬度的問題
時間Sat Nov 19 10:03:41 2011
※ 引述《zxvc (眾生都是未來佛)》之銘言:
: 推 monomorium:為什麼不用 <colgroup> 就好? 11/18 21:59
: m大,我試過colgroup,但很奇怪:
: <style>
: td {border: 1px black solid}
: </style>
: <table>
: <colgroup>
: <col span="2" style="width:50%"></col>
: <col span="2" style="width:50%"></col>
: </colgroup>
<colgroup> 用於分組, <col> 用於欄
所以應該是連續兩個
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
或
<colgroup><col></col><col></col></colgroup>
<colgroup><col></col><col></col></colgroup>
例如
<html>
<head>
<style>
td {
width: 25%;
}
</style>
</head>
<body>
<table rules="groups" frame="hsides">
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<tr><td>1</td><td>23</td><td>456</td><td>7890</td></tr>
</table>
</body>
</html>
請參考
http://pydoing.blogspot.com/2011/06/html-colgroupcol.html
: <tr>
: <td style="white-space:nowrap">foo</td>
: <td>fooaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
: <td style="white-space:nowrap">foo</td>
: <td>foobbbbb</td>
: </tr>
: </table>
: 當視窗太大時,第4 column並不會像第2 column伸縮。
: 所以那兩組也沒有各分50%寬度。IE、Chrome都是類似的結果。
: 還是我哪裡設定有誤?(雖然我找到的那個方法已經是一個答案了)
--
相簿~~
https://plus.google.com/u/0/photos/110860970001239602791/albums
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.138.131
※ 編輯: monomorium 來自: 118.169.138.131 (11/19 10:20)
推 zxvc:m大,這仍不是我要的,我的1, 3 columns最多不超過5個字,所 11/19 10:24
→ zxvc:以我希望它只佔固定5em的寬度,剩餘寬度平均份配給2, 4 11/19 10:25
→ zxvc:columns。 11/19 10:26
推 zxvc:還是謝謝你的幫忙。 11/19 10:28
推 zxvc:抱歉,我原問題描述有點不清楚,沒提到1, 3 columns要固定。 11/19 10:38