Question

我无法找到将单元格添加到列中的正确方法：这是我想要做的：

enter image description here

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center"  border="1">
                        <tr>
                            <td align="center">fasfg1
                            </td>
                            <td  width="42"></td>
                             <td align="center">fasfg2
                            </td>
                        </tr>
                    </table>
    </body>
</html>

Answer 1

尝试使用rowspan。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center"  border="1">
                    <tr>
                        <td align="center">fasfg1
                        </td>
                        <td  width="42" rowspan="3"></td>
                         <td align="center" rowspan="3">fasfg2
                        </td>
                    </tr>
                    <tr>
                        <td>zroizj</td>
                    </tr>
                    <tr>
                        <td>zroizj</td>
                    </tr>
                </table>
</body>
</html>

请注意，如果您希望将来在左列中添加更多行，则可能很难维护此代码。最好使用2个不同的表格。

Answer 2

我会在左行内再添一个表并将行添加到新表

Answer 3

这不是一个非常好的方法，但是如果你在一个表中执行它，那么每个单元格需要单独的行，其余项目需要一个。要使另一面具有相同的大小，您必须使用rowspan。添加列时，您需要将行数更新为1并创建一个新的插入特定大小，并将其从最后一个指定的高度中删除。

更好的方法是为每个波段或表格内的表使用单独的表。

<!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        </head>
        <body>
            <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center"  border="1">
                            <tr style="height:10px">
                                <td align="center">fasfg1</td>
                                <td width="42" rowspan="4"></td>
                                <td align="center" rowspan="4">fasfg2
                                </td>
                            </tr>
                            <tr style="height:10px">
                                <td align="center" height="5%">fasfg1</td>
                            </tr>
                            <tr style="height:10px">
                                <td align="center" height="5%">fasfg1</td>
                            </tr>
                            <tr style="height:100px">
                                <td align="center">fasfg1</td>
                            </tr>    
                        </table>
        </body>
    </html>

如何在html表中的列中添加单元格？

3 个答案: