2011-12-01 85 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