Question

我有一个响应表（在可变div宽度内设置为100％宽度），其中我试图重置＆＃39; colspan，以便下一个表行不继承固定宽度td。

在我的例子中，数字td（1到7）的固定宽度为40px，由类＆＃39;位置＆＃39;给出。下一个表格行有两个按钮，每个按钮应为50％。我可以通过在示例中添加半类来实现此目的，但是这会撤消＆＃39;位置的宽度。类。由于我有8个tds，我给每个按钮一个4的colspan，但是最后一个按钮td继承了4＆＃39;位置的宽度。类，所以它设置为160px固定..是否可以清除colspan及其固定宽度？

数字可能取决于（1-7），因此添加一个具有相同数字的colspan将不是一个好的解决方案。

Demo

Answer 1

正如我在评论中所说的

“代码运行良好。但第一个td的宽度最大。colspan="4"正在选择前4 td s（名称，1,2,3）和第二个colspan正在选择其他4 td s（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/

在响应表中清除colspan

1 个答案: