嗨我有一個表中有5列,麻煩是第1列<td>
值可以很長,從而得到擠滿。是否有第二列移動到一個新行,並跨越整個行的第一列,而無需創建一個新的行<tr>
第一列HTML表,有沒有辦法把第二列放到一個新行?
感謝
嗨我有一個表中有5列,麻煩是第1列<td>
值可以很長,從而得到擠滿。是否有第二列移動到一個新行,並跨越整個行的第一列,而無需創建一個新的行<tr>
第一列HTML表,有沒有辦法把第二列放到一個新行?
感謝
我不相信td
的可豎放這樣。也許,而不是使用td
的,你可以將它們分爲div
的,搞亂CSS會把它們放在一起,當第一個伸展到很大時,它應該將另一個推到下面?
編輯2:較新的版本,更好的對齊。
<table style="width: 200px;">
<tr>
<td>
<div style="background-color: red; display: inline;">
OneOneOneOne
</div>
<div style="background-color: blue; display: inline; width: 90px;">
TwoTwoTwo
</div>
<div style="background-color: green; display: inline; width: 90px;">
Three
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: red; display: inline;">
OneOneOneOneOneOneOneOneOneOneOne
</div>
<div style="background-color: blue; display: inline; width: 90px;">
TwoTwoTwo
</div>
<div style="background-color: green; display: inline; width: 90px;">
Three
</div>
</td>
</tr>
</table>
不漂亮好看,而且會需要更多的調整,但它是像你所描述的..
謝謝Sachleen,我仍然試圖趕上格式。 – WebDevNewbie 2012-08-02 18:15:25
不用擔心,由於某種原因,文字根本沒有顯示給我。這只是'相信'可以'和'使用',你'這就是爲什麼我編輯了,但在我檢查修訂後,它看起來確定。不知道這是不是很奇怪,或者如果你試圖在同一時間修復它或什麼。 – sachleen 2012-08-02 18:30:18
在你的例子中,根本沒有必要使用表格。您可以使用具有一些明確修復的div。 – sachleen 2012-08-02 18:31:13
號你必須作出新的方式tr
(表行)第二行第行,您可以使第一行更寬,colspan
屬性。
事情是這樣的:
<table>
<tr>
<td colspan="2">abcdefg</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>
錶行是它說,行,你面對的'td'(表格數據或「單元格」),它們以水平方式一個接一個地出現,我沒有辦法按照你的要求做,而不依靠div或無表格結構。 – jackJoe 2012-08-02 18:11:12
這不是我想要的作爲上面寫的原因是因爲我有一個背景漸變應用於每一行,我dint什麼「頂部」行有自己的漸變 – davey 2012-08-02 18:36:15