Question

以下是一个例子：

<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代码是从外部给出的，我不能在不破坏它的情况下改变它，因为我永远不知道哪个宽度或高度对于代码是必不可少的，哪些不会。

Answer 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应用于表格单元格在所有浏览器上都不起作用希望你能用到这个。

调整\缩放td内的HTML内容

1 个答案: