Question

我正在发送多封电子邮件。部分共享布局需要左侧的白色和黄色设计。 table1没有固定的高度，因为根据发送的电子邮件会有不同的内容。如何让table2完全填写高度？我正在使用第三方软件来生成html，所以“花哨”的内联CSS是不行的。

<table name="table1">
  <tr>
    <td>
      <table height="100%" name="table2">
        <tr>
          <td height="100%" width="10px" bgcolor="white"></td>
          <td height="100%" width="30px" bgcolor="yellow"></td>
        </tr>
      </table>
    </td>
    <td>
      text that can so on and on and on...</br>
      more text</br>
      even more.</br>
    </td>
  </tr>
</table>

Answer 1

如果你想伸展整个身高，为什么不丢失表2并做类似的事情：

<table name="table1">
  <tr> 
    <td width="10px" bgcolor="white"></td>
    <td width="30px" bgcolor="yellow"></td>     
    <td>
      text that can so on and on and on...<br/>
      more text<br/>
      even more.<br/>
    </td>
  </tr>
</table>

或者我误解了你的问题？

Answer 2

如何将第一个<td>标记（包含table2）更改为<td height="100%">？这样单元格的高度就达到了最大值，而不仅仅是表格的高度。

Answer 3

你可以用JavaScript

来做到这一点

<table> 
  <tr> 
    <td id="td1"> 
      <table bgcolor="red" id="table1"> 
        <tr> 
          <td width="10px" bgcolor="white">s </td> 
          <td width="30px" bgcolor="yellow">s </td> 
        </tr> 
      </table> 
    </td> 
    <td> 
      text that can so on and on and on...</br> 
      more text</br> 
      even more.</br> 
    </td> 
  </tr> 
</table> 
<script> 
    document.getElementById("table1").style.height = document.getElementById("td1").offsetHeight + "px";
</script>

内表高度100％

3 个答案: