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

これはあまり良い方法ではありませんが、1 つのテーブルで行う場合は、セルごとに別の行が必要で、残りの項目に 1 つの行が必要です。反対側を同じサイズにするには、rowspan を使用する必要があります。列を追加するときは、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 に答える
1

左の行の中にもう 1 つテーブルを作成し、その行を新しいテーブルに追加します。

于 2012-06-12T12:41:35.870 に答える