Question

我有一张桌子，我想要占据其封闭DIV宽度的80％。

表的第一列实际上是一个表本身，第一列的列应该与该列中最长的文本一样宽，第二列的宽度应该是封闭DIV的80％。

我完全陷入困境。它应该很简单，但不知何故，表只占用第1列中最宽元素所需的宽度，加上第2列中最宽的 - 而不是封闭DIV的80％。

为什么这不起作用？

<div style="width:90%; margin:auto; margin-bottom:1%">
    <table width="80%" style="margin:auto">
        <tr>
            <td>
                <table width="80%" style="margin:auto">

[更新[重点是表格没有足够的内容来填充超过封闭DIV的25％左右，所以我想拉伸嵌套表格的第二列（两个）。

Answer 1

您可以将word-break: break-word;添加到表格元素

jsfiddle

Answer 2

我不知道您使用的浏览器。在谈论HTML，CSS和Javascript行为时，您应该告诉我们您正在使用的浏览器。我在Ubuntu上使用Chrome版本50.0.2661.94（64位）并且我复制粘贴了您的代码，我添加的表格的列都有50％的80％（表格）的90％（div）的宽度窗口。

我在第一个单元格上使用white-space: nowrap;为其提供文本的宽度，并在第二个单元格上使用width="100%"，以便它封装所有剩余空间。

这是sample。

嵌套表中的HTML5列宽

2 个答案: