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

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

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

<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>，宽度不起作用

1 个答案: