0

我是 HTML 的初学者,在格式化表格时遇到问题。

<table border="1" width="100%" id="table1">
    <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%" colspan="4">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%" colspan="3">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
</table>

我想创建一个这样的表:

[-----|-----]
[---|---|---]

它创造了这样的东西:

[-----|-----]
[-----|---|-]

我怎样才能这样格式化?

4

2 回答 2

2

你可以尝试做

<table border="1" width="100%" id="table1">
    <tr>
        <td colspan="3">&nbsp;</td>
        <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
    </tr>
</table>

通过使用最小的公倍数作为“真实”列数,您可以随意分配它们

不过,更好的解决方案是按照评论中的建议进行操作并使用 div

于 2013-09-17T13:44:28.000 回答
1

您可以使用colspan此格式的属性:

使用 LCM [最小公倍数] 或其两行中列数的倍数作为最大 colspan

在这种情况下,即 LCM[2,3]=6 所以你可以使用 6 或 12 或 18 ...这取决于你

现在colspan相应地设置值:如果您考虑 max colspan = 6 那么

<table border="1" width="100%" id="table1">
<tr>
    <td colspan="3">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
</tr>
<tr>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
</tr>

或者如果你考虑 max colspan = 12 那么

<table border="1" width="100%" id="table1">
<tr>
    <td colspan="6">&nbsp;</td>
    <td colspan="6">&nbsp;</td>
</tr>
<tr>
    <td colspan="4">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
</tr>
于 2013-09-17T13:57:44.850 回答