在響應表中清除colpan

我有一個響應表（在可變div寬度中設置爲100％寬度），其中我試圖「重置」colspan，以便下一個錶行不會繼承固定寬度td s 。在響應表中清除colpan

在我的示例中，數字td（1到7）的固定寬度爲40px，由類的'位置'給出。下一個表格行有兩個按鈕，每個按鈕應該是50％。我可以通過在示例中添加半個類來完成此操作，但是這會取消「位置」類的寬度。因爲我有8個tds，我給每個按鈕設置了4個colspan，但最後一個按鈕td繼承了4個'position'類的寬度，所以它被設置爲160px。是否可以清除colspan和固定寬度它？

數字可能取決於（1-7），因此添加數量相同的colspan並不是一個好的解決方案。

Demo

來源

2013-02-05 user1901096

的代碼工作良好。但第一個'td'的寬度比其他寬度大。 'colspan =「4」'選擇前4個「td」（名稱，1,2,3），第二個「colspan」選擇其他4個「td」（4,5,6,7）。 – Enve

正如我在評論

說「的代碼工作良好，但第一td有比別人最大寬度。colspan="4"是選擇前4個td S（名稱，1，2， 3）和第二個colspan正在選擇其他4個td（4，5，6，7）。「

這不能與td一起使用。如果你想嘗試這種方式。

HTML

<tr> 
    <td colspan="8"> 
     <div class="half"><a href="#" class="button">Button one<a/></div> 
     <div class="half"><a href="#" class="button">Button two<a/></div> 
    </td> 
</tr>

CSS

.half{ 
    float: left; 
    width: 50%; 
}

DEMO：http://jsfiddle.net/enve/zt5W9/2/

來源

2013-02-05 13:46:38 Enve

嗨恩夫，謝謝你確認沒有其他方式。可能會尋求你的解決方案，你猜這是最好的解決方案。謝謝 – user1901096

在響應表中清除colpan

回答

相關問題