html – 在div中包含表

概述给出这个例子( http://jsfiddle.net/A8gHg/,代码也在下面),尝试使你的窗口更小,使得示例的大小被挤压. <div style="background-color:blue"> <table style="width:100%"> <tr> <td> <input type="text" sty 给出这个例子( http://jsfiddle.net/A8gHg/,代码也在下面),尝试使你的窗口更小,使得示例的大小被挤压.

<div >    <table >        <tr>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>        </tr>    </table></div>

您将注意到,文本框(正确)不会包含在新行中,因为它们位于单独的< td>中.

但是,由蓝色表示的包含div并不完全包装表.

如何使包含的div完全包含子表？

谢谢.

解决方法 编辑：

将display:table添加到包装div.

<div >    <table >        <tr>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>            <td>                <input type="text" />            </td>        </tr>    </table></div>

http://jsfiddle.net/A8gHg/11/

总结

以上是内存溢出为你收集整理的html – 在div中包含表全部内容，希望文章能够帮你解决html – 在div中包含表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。