1

我正在尝试为 XHTML 1.0 过渡网页的表格行添加边框和填充（请参阅下面的代码以进行复制）。我知道如果我将页面类型更改为其他类型，我将能够为表格行和单元格添加边框和填充。但在 XHTML 1.0 Transitional 中，它根本不起作用。

考虑到我无法更改 DOCTYPE，我想为表格添加边框和填充怎么办？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <style>
            table
            {
                border: solid 1px black;
            }

            tr
            {
                /* Doesn't work */
                margin: 10px;
                border: solid 1px black;
            }
        </style>
    </head>
    <body>
        <table>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                </tr>                
            </tbody>
        </table>
    </body>
</html>
4

2 回答 2

1

如果您希望它们围绕每个单元格，请将样式应用于 td 元素，而不是 tr：假设您希望它在 tr 上，我不完全确定为什么会这样，但是在表格中添加边框折叠将使 tr边境工作：

            table
            {
                border: 1px solid black;
                border-collapse:collapse;
            }

            tr
            {
                /*use if you want the lines to be per row instead of per cell*/
                border: 1px solid black;
            }

对于边距，我会向 td 元素应用填充：

            td
            {
                padding: 10px;

                /*use if you want lines between each cell*/
                border: 1px solid black;
            }
于 2010-07-13T01:06:46.473 回答
1

尝试查看边框和边距是否适用于 td。

td
{ 
    margin: 10px; 
    border: solid 1px black; 
}

如果是这样，您必须仅将其设置为中心单元格的顶部/底部边距。

于 2010-07-13T01:09:45.187 回答