Html Table元素的TD分成新行

因此，这是一个电子邮件模板，你不能使用现代前端技术。我要做的是写三行

它们必须在同一个TR中，因为在mobile中，列数将为2。所以，如果我能找到一种方法，把这些产品分成新的系列，我也会用手机来适应

我需要这个

进入这个（移动）

我的结构如下：

<tr>
  <td>content</td>
  <td>content</td>
  <td>content</td>
  <td>content</td>
  <td>content</td>
  <td>content</td>
</tr>

内容
内容
内容
内容
内容
内容

---

我需要做的是做3列线。

tr

上方的

td

有一个宽度，因此表内有100%。那么，如何在不使用

tr

的情况下进入一个新行呢

浮动

td

并添加宽度

*{
保证金：0；
填充：0；
框大小：边框框；
}
桌子{
宽度：100%；
}
运输署{
浮动：左；
宽度：33.333%；
边框：1px纯灰；
}

内容
内容
内容
内容
内容
内容

最近，我使用

tr

标签构建了3列布局。节省了大量的时间来处理宽度和对齐。只需在

tr

标记中为内容/间隔添加表格即可

对

width:100%

和

display:block

的媒体查询将堆叠三列（从左到右），并且间隔符也将堆叠

例如：

<table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <!-- left column -->
        <th width="180" class="block width100"></th>
        <!-- space -->
        <th class="block"></th>
        <!-- middle column -->
        <th width="180" class="block width100"></th>
        <!-- space -->
        <th class="block"></th>
        <!-- right column -->
        <th width="180" class="block width100"></th>
    </tr>
</table>

您可以使用标签分割表格。给出不同的度量。我需要下一行的最后一个th，不是33%，而是50%。这样有用吗？