调整 td 内的 HTML 内容的大小\缩放答案

【问题标题】：Resize\zoom an HTML content within a td调整 td 内的 HTML 内容的大小\缩放
【发布时间】：2012-03-04 10:49:18
【问题描述】：

这是一个例子：

<table>
   <tr>
       <td width="400px" id='myTD'></td>
   </td>
</table>

这是外部代码：

protected string GetHtml()
{
     return "<table><tr><td width="800px"></td></tr></table>";
}

由于 'myTD' 的宽度小于外部代码的宽度，因此显示的代码超出了主表边界，我不希望 'myTD' 的 innerHTML 使主表更宽。可以这么说，由于外部 HTML 代码是从外部提供的，因此我无法更改它而不破坏它，因为我永远不知道哪些宽度或高度对代码至关重要，哪些不是。

【问题讨论】：

看不到您的任何代码，我只能说，您需要设置元素的width、height 或max-width、max-height CSS 属性。
发生的机制有点不清楚。请进一步解释。并摆脱px，或将宽度更改为内联样式。
我正在尝试将 GetHTML() 中的返回值加载到“myID”innerHTML，但由于 innerHTML 的宽度大于“myTD”的宽度，因此它会使整个表格变宽。
好的，那应该怎么办？是否应该隐藏其余内容，还是希望水平滚动条出现在 td 中？
是的，这确实是一个选项，但我所知道的是我不希望它像在我的项目中那样通过主表的边界，这是因为“myID”宽度为'X'（400px），外部代码中TD的宽度为>'X'（800px）

标签： html innerhtml

【解决方案1】：

要以一种兼容所有浏览器的方式做到这一点并不容易，但我确实想出了这个。

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   #myID {width:400px; overflow:scroll}
  </style>
 </head>
 <body>
  <table>
   <tr>
    <td><div id='myID'>

     <table><tr><td width="800"><hr style="width:792px"</td></tr></table>

    </div></td>
   </tr>
  </table>
 </body>
</html>

（或jsFiddle）。也就是说，通过在 td 中添加一个新元素来获取滚动条。尝试将overflow:scroll 应用于表格单元格在所有浏览器上的效果都不同。
希望你能用这个。

【讨论】：