Html 清除响应表中的colspan

我有一个响应表（在可变div width内设置为100%宽度），在该表中我尝试“重置”colspan，以便下一个表行不会继承固定宽度

td

s

在我的示例中，数字td（1到7）的固定宽度为40px，由类“position”给出。下一个表格行有两个按钮，每个按钮应为50%。我可以通过在示例中添加半个类来实现这一点，但这会撤消“position”类的宽度。由于我有8个tds，我给每个按钮一个colspan为4的值，但是最后一个button td继承了4个'position'类的宽度，所以它被设置为160px fixed。。是否可以清除colspan及其固定宽度

数字可能依赖于（1-7），所以添加一个具有相同数字的colspan不是一个好的解决方案

---

正如我在评论中所说的

---

“代码运行良好。但第一个

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>

---

演示：

代码运行良好。但第一个

td

的宽度最大

colspan=“4”

正在选择前4个

td

s（名称，1,2,3），第二个

colspan

正在选择其他4个

td

s（4,5,6,7）。您好，感谢您确认没有其他方法。可能会支持你的解决方案，我想这是最好的。谢谢

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