0

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

在此处输入图像描述

您从以下位置获得的小提琴：http: //jsfiddle.net/AKrB3 ​​/

<!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>
4

3 回答 3

2

试试这个，用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 个不同的表。

于 2012-06-12T12:47:44.993 回答
1

我会在左行内再制作一张表并将这些行添加到新表中

于 2012-06-12T12:41:35.870 回答
1

这不是一个很好的方法，但如果你在一个表中进行，那么每个单元格需要单独的行，其余项目需要单独的行。要使另一边的大小相同，您必须使用 rowspan。当您添加一列时，您需要将行跨度更新 1 并创建一个新的您要插入的特定大小，并将其从 last 指定的高度移除。

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

<!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>​
于 2012-06-12T12:57:01.417 回答