100%高度内桌

发布于 2024-11-19 00:49:21 字数 656 浏览 2 评论 0原文

我正在发送多封电子邮件。他们的部分共享布局需要左侧有白色和黄色的设计。 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>

原文

I'm sending multiple emails. Part of their shared layout requires a white and yellow design on the left hand side. table1 does not have a fixed height as there will be different content depending on the email being sent. How can I get table2 to completely fill out height-wise? I'm using third party software to generate the html, so "fancy" inline CSS is a no-go.

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

油饼 2024-11-26 00:49:21

如果你想拉伸整个高度，为什么不松开表 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>

或者我误解了你的问题吗？

If you want to stretch the whole height why dont you loose table 2 and do something like:

<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>

Or do I misunderstand your question?

回复收藏 0 原文

是伱的 2024-11-26 00:49:21

将第一个标记（包含 table2）更改为怎么样？这样单元格的高度就达到最大，而不仅仅是表格的高度。

回复收藏 0 原文

寄离 2024-11-26 00:49:21

你可以用 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>

You can do that with 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>

回复收藏 0 原文

~没有更多了~