表格大小如何根据其内容

Question

即使父级较小，如何让表格具有其内容的大小？

看看这个样本： http://jsfiddle.net/GtVx8/3/

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

• 封闭的 div 必须是 150 像素宽。
• 表格不应设置自己的宽度。

Answer 1

不确定我是否理解这个问题，但您可以强制表格宽度为 <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>