0

我在 HTML 表格单元格中有一个 div，但我无法让它填满整个单元格。

<body style="background-color: ButtonFace;">
        <form id="form1" runat="server">
            <table border="1" style="border-collapse:collapse; border-color:Red;">
                <tr>
                    <td>
                        <div style="border:solid 1px green;background-color: Yellow;">
                            test
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </body>

它有一个间隙，（灰色）背景显示出来。

在此处输入图像描述

我敢肯定它一定很容易删除，但我就是不知道怎么删除。

4

3 回答 3

1

请申请

padding:0;

到td

或者您可以尝试使用

border-spacing
于 2012-08-16T15:02:39.313 回答
1

你必须为 TD 设置 padding 0

 <body style="background-color: ButtonFace;">
            <form id="form1" runat="server">
                <table border="1" style="border-collapse:collapse; border-color:Red;">
                    <tr>
                        <td style="padding:0px"> <-- Change
                            <div style="border:solid 1px green;background-color: Yellow;">
                                test
                            </div>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
于 2012-08-16T15:07:52.880 回答
1

您需要为表格添加“cellpadding”并将其设置为“0”

<body style="background-color: ButtonFace;">
    <form id="form1" runat="server">
        <table cellpadding="0" border="1" style="border-collapse:collapse; border-color:Red;">
            <tr>
                <td >
                    <div style="border:solid 1px green;background-color: Yellow;">
                        test
                    </div>
                </td>
            </tr>
        </table>
    </form>
</body>

-缺口

于 2012-08-16T15:08:38.910 回答