將表格拉伸至表格寬度

我正在嘗試將表格拉伸至表格寬度。表格的寬度取決於我最後一個表格行的寬度。將表格拉伸至表格寬度

我找不到解決問題的方法。你有沒有想法，或者僅僅因爲表的行爲而不可能。我創建了a fiddle，你可以看到我的意思。我的目標是將表格單元「TR1」拉伸到tr3的寬度（寬度從「TD1」，「TD」，「TD3」）的寬度。

這是應該的樣子：


--------------- 
|  TR1  | 
--------------- 
|  TR2  | 
--------------- 
| TD1 |TD2| TD3 | 
---------------

什麼我忘了說的是，不幸的是我不能與樣式屬性的工作寬度因爲我從不同的數據庫獲取數據。我正在嘗試對它們進行排序並將它們放入表格中。

來源

2011-03-10 rumpel

我不是這樣做的瀏覽器限制100％，但爲什麼不把最大可能的列數放在第3行？

像這樣：

<tr><td colspan="20"></td> 
<tr><td colspan="20"></td> 
<tr><td></td><td></td><td></td></tr>

來源

2011-03-10 10:38:49 Kobius

這正是我所做的。謝謝。 – rumpel

指定你想要的細胞量的合併單元格的行覆蓋

<tr><td colspan="3"></td> 
<tr><td colspan="3"></td> 
<tr><td></td><td></td><td></td></tr>

來源

2011-03-10 10:29:07 arnehehe

確實是Colspan。但是當我不知道下面的表格單元的數量時，我該怎麼辦？ – rumpel

我不知道那個抱歉。我總是計算出我將要連續排列的大部分細胞，然後將其應用於所有其他細胞 – arnehehe

你需要跨越的列

<table style="border:3px solid black;"> 
<tr> 
    <td class="td1" colspan="3">TR1</td> 
</tr> 
<tr> 
    <td class="td2" colspan="3">TR2</td> 
</tr> 
<tr> 
    <td class="td3">TD1</td> 
    <td class="td3">TD2</td> 
    <td class="td3">TD3</td> 
</tr> 
</table>

來源

2011-03-10 10:29:24

colspan =「auto」是否存在？我不知道第三個表格行中的表格單元的數量。 – rumpel

沒有 - 必須添加更多文字才能發表評論！ –

做的正確的方法是通過跨度屬性設置爲100％。 <table> <tr> <td colspan="100%">TR1</td> </tr> <tr> <td colspan="100%">TR2</td> </tr> <tr> <td>TD1</td><td>TD2</td><td>TD3</td> </tr> </table>

來源

2016-08-08 10:07:43 user6690731

將表格拉伸至表格寬度

回答

相關問題