2011-12-01 180 views
0

如何让表格具有其内容的大小,即使父类较小?如何根据表格大小根据其内容

看一看此示例: http://jsfiddle.net/GtVx8/3/

第一个表是150像素宽,而第二个是200像素。如何使第一个表格为200px,并具有以下限制?

  • 封闭div必须是150px宽。
  • 表格不应该设置自己的宽度。
+0

我认为这会帮助你 http://stackoverflow.com/questions/5179962/how-to-auto-resize-html-table-cell-to-fit-the-text-size – jcvegan

回答

0

不知道我理解的问题,但你可以强制表格宽度 <table width="200">

编辑:那么在一个div容器包装的一切,把桌上的容器一样

的宽度为100%
<div> 
<div style="width:100%"> 
    <table > 
     <tr style="display:block"> 
      <td style="width:100px;background:red">hello</td> 
      <td style="width:100px;background:green">world</td> 
     </tr> 
    </table> 
</div> 
<div style="width:200px"> 
    <table> 
     <tr> 
      <td style="width:100px; background:red">hello</td> 
      <td style="width:100px; background:green">world</td> 
     </tr> 
    </table> 
</div> 
</div> 
+0

正确,除了我不想计算表的宽度... – user380719