Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何根据表的内容调整表的大小_Html - Fatal编程技术网

Html 如何根据表的内容调整表的大小

Html 如何根据表的内容调整表的大小,html,Html,即使父表较小,如何使表具有其内容的大小 请查看此示例: 第一个表宽150px,第二个表宽200px。在以下限制条件下,如何将第一个表设置为200px 封闭div必须为150px宽。 桌子不应该设置自己的宽度。 我不确定我是否理解这个问题,但您可以强制表宽度为 编辑:然后将所有内容包装在div容器中,并为表容器提供100%的宽度,如 <div> <div style="width:100%"> <table > <tr styl

即使父表较小,如何使表具有其内容的大小

请查看此示例:

第一个表宽150px,第二个表宽200px。在以下限制条件下,如何将第一个表设置为200px

封闭div必须为150px宽。 桌子不应该设置自己的宽度。
我不确定我是否理解这个问题,但您可以强制表宽度为

编辑:然后将所有内容包装在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>
我想这对你有帮助