作者zxvc (眾生都是未來佛)
看板Web_Design
標題Re: [問題] td寬度的問題
時間Fri Nov 18 21:29:24 2011
※ 引述《zxvc (眾生都是未來佛)》之銘言:
: 有個4 columns的table,其中1, 3 columns是nowrap,如下:
: <table>
: <tr>
: <td style="white-space:nowrap">foo</td>
: <td>foo</td>
: <td style="white-space:nowrap">foo</td>
: <td>foo</td>
: </tr>
: </table>
: 我想讓1, 2 columns一組,然後3, 4 columns一組,
: 並且這兩組各佔50%的頁面width,請問要如何做?
雖然不確定以下是否完全滿足我以上的要求,
不過目前我已很滿意這個結果:
<table style="table-layout:fixed;width:100%">
<tr>
<td style="width:5em">foo</td>
<td style="word-wrap:break-word">foo</td>
<td style="width:5em">foo</td>
<td style="word-wrap:break-word">foo</td>
</tr>
</table>
我想關鍵在table-layout:fixed與word-wrap:break-word。
--
楞嚴咒(附注音):
https://skydrive.live.com/?cid=87cef5e6683b5427&sc=documents&id=87CEF5E6683B5427%21312#
縮址:
http://bit.ly/r3bgEo
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.115.220.54
※ 編輯: zxvc 來自: 140.115.220.54 (11/19 08:52)
→ zxvc:抱歉,table還要設定width:100%才對。 11/19 08:52
※ 編輯: zxvc 來自: 140.115.73.148 (11/19 10:42)
→ zxvc:再化簡code,刪去1, 3 columns的white-space:nowrap。 11/19 10:43
→ zxvc:其實這東西的用途是為了多個獨立的表格讓它們的columns能夠 11/19 10:46
→ zxvc:對齊,看起來比較好看。2, 4 columns則是使用者填的資料,長 11/19 10:48
→ zxvc:短不一。 11/19 10:48