在响应表中清除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

回答

相关问题