在不同的行中定义 <td>，宽度不起作用

Question

回到1998年！我正在制作一个带有表格的时事通讯模板！我的问题是我的 td 没有接受 width 的定义，而是继承了它！

示例中底部的两行各有三列！在顶行，我需要定义为 42px 的侧列，而底行是 83px。我不知道我做错了什么！谢谢！

<tr>
  <td>
    <table bgcolor="#c1d781" width="503px" align="center" border="1">
      <tr>
        <td colspan="3">
          <p mc:edit="element-title">„Lorem Lorem Lorem“</p>
        </td>
      </tr>
      <tr>
        <td height="10px" colspan="3"></td>
      </tr>
      <tr>
        <td width="42px">&nbsp;</td>
        <td align="center" width="420px">
          <p mc:edit="element-teaser">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sapien.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
          </p>
        </td>
        <td width="42px">&nbsp;</td>
      </tr>
      <tr>
        <td height="50px" colspan="3"></td>
      </tr>
      <tr>
        <td width="83px">&nbsp;&nbsp;&nbsp;</td>
        <td align="center" width="337px">
          <p mc:edit="element-button"><a href="#">BUTTON</a>
          </p>
        </td>
        <td width="83px">&nbsp;&nbsp;&nbsp;</td>
      </tr>
      <tr>
        <td height="60px" colspan="3"></td>
      </tr>
    </table>
  </td>
</tr>

Answer 1

单个 table 不支持您尝试执行的操作（这是正确的）。 table 就像一个网格 - 每行不能有不同的列宽。但是，您可以通过嵌套 table 来解决这个问题。

在此示例中，每行包含一个单元格，您可以在其中放置嵌套的 table 1 行 3 个单元格：

<tr>
  <td>
    <table bgcolor="#c1d781" width="503px" align="center" border="1">
      <tr>
        <td>
          <p mc:edit="element-title">„Lorem Lorem Lorem“</p>
        </td>
      </tr>
      <tr>
        <td height="10px"></td>
      </tr>
      <tr>
        <td>
          <table border="1">
            <tr>
              <td width="42px">&nbsp;</td>
              <td align="center" width="420px">
                <p mc:edit="element-teaser">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sapien.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
                </p>
              </td>
              <td width="42px">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td height="50px"></td>
      </tr>
      <tr>
        <td>
          <table border="1">
            <tr>
              <td width="83px">&nbsp;&nbsp;&nbsp;</td>
              <td align="center" width="337px">
                <p mc:edit="element-button"><a href="#">BUTTON</a>
                </p>
              </td>
              <td width="83px">&nbsp;&nbsp;&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td height="60px"></td>
      </tr>
    </table>
  </td>
</tr>

在不同的行中定义 <td>，宽度不起作用

defined <td> in differnt rows, width not working

html

html-table

width

newsletter