如何使表格宽度固定

Question

我在表格中有两个表格：

    <table>
        <tbody>
            <tr>
                <td class="tdkqtb">
                    <table border="1">
                        <tbody>
                            <tr>
                                <th>Giải</th>
                                <th>@cityID</th>
                            </tr>
                        </tbody>
                    </table>
                </td>

                <td class="tdkqtb">
                    <table border="1">
                        <tbody>
                            <tr>
                                <th>Đầu</th>
                                <th>Đuôi</th>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr></tr>
        </tbody>

    </table>

现在我需要设置两个表的宽度固定。我怎样才能做到这一点？例如，我希望所有表格的宽度与前两个表格的宽度相同。我的意思是每列必须有一个固定的宽度，第一个表将包含父表的70％宽度，第二个表包含其余的。两个表中的列也必须具有固定的宽度！

Answer 1

不确定我是否理解你想要的东西但是你可以选择表格或整个表格中所需的元素并在css中给出宽度

table {
    width: 70%;
}

如果您有多个表，请为它们分配id或类以分隔不同的样式。对于th，tr，td等也一样。

Answer 2

首先，为什么不去Tableless？

然后你必须把一些CSS放入其中，就像DasBoot所说的那样，给你一个宽度表，你应该这样做：

table {
    width: 70%;
}

对于特定的td，tr，th或者你想要设计的任何元素都是一样的。如果您要使用的是最大宽度或最小宽度，则可以适当地使用max-width和min-width。为什么不将这些代码放在jsfiddle上并实时测试结果以查看您需要做什么？

问候。