如何將2列HTML表格轉換爲3列

我對HTML很陌生。我有一個使用2列表構建的HTML文檔。我現在需要建立一個3列的行。從我所做的研究來看，似乎我不能只將列添加到1行，而是需要使用3列表並在其他行中使用colspan來使事情順利進行。那是對的嗎？如何將2列HTML表格轉換爲3列

我試過調整現有的colspans從= 2到= 3，並添加一個新的列到所需的行但無濟於事。你能告訴我我的方法有什麼問題，或者如何正確地將現有的2列表轉換爲3列結構？

<table width="768" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #000000" > 
    <tr> 
     <td colspan="2" width="768" height="160" border="0" style="display:inline" /></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td width="256"></td> 
     <td width="256"></td> 
     <td width="256"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="2"></td> 
    </tr> 
</table>

來源

2014-01-13 JamesGGray

向我們展示代碼.... –

您可以發佈您的HTML嗎？你是使用'

'作佈局還是使用'tabular'數據？ –

我不建議使用表格進行佈局，這被認爲是不好的做法。但答案是在每個

或

內添加標籤。代表html中的一列 – Carlos487

回答

<table border="1"> 
    <tr> <!-- row with 3 columns --> 
     <td>1x1</td> 
     <td>1x2</td> 
     <td>1x3</td> 
    </tr> 
    <tr> <!-- row with only 2 columns, where the second column is as wide as the second and third column, above --> 
     <td>2x1</td> 
     <td colspan="2">2x2</td> 
    </tr> 
</table>

這是如何得到一個表N行3列。這是你要求的嗎？如果你可以粘貼一些代碼，這將是有用的！

看到這個頁面，瞭解更多關於合併單元格： http://www.w3schools.com/tags/att_td_colspan.asp

編輯：

在你的代碼寫的表的每一行只顯示2列。您必須添加一個<td>標籤才能在每行顯示另一列。

來源

2014-01-13 16:07:20 AleVale94

那麼你是說在每個表格行標籤之間，需要有3列結構的標籤嗎？ – JamesGGray

是的，而不是這個，你會看到第三列在哪裏指定和一個空的空間哪裏沒有。 – AleVale94

這正是我的問題，謝謝。在您的回覆和您提供的鏈接之間，我能夠正常工作。 – JamesGGray

相關問題