Question

我正在尝试在XHTML 1.0 Transitional网页的表格行中添加边框和填充（请参阅下面的代码以重新编辑）。我知道如果我将页面类型更改为其他内容，我将能够为表格行和单元格添加边框和填充。但是在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>

Answer 1

如果你想要它们在每个单元格周围，将样式应用于td元素，而不是tr：假设你想要它在tr上，我不完全确定为什么这样做，但是在表格中添加border-collapse会使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;
            }

Answer 2

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

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

如果是这样的话，你只需要为中心单元设置上/下边距。

使用XHTML 1.0 Transitional进行表样式化

2 个答案: