Вопросы Теги

Моделирование таблицы с переходным XHTML 1.0

Я пытаюсь добавить границу и дополняющий к строке таблицы XHTML 1.0 Переходная веб-страница (см. код ниже к репродукции). Я знаю, что, если я изменяю тип страницы к чему-то еще, я смогу добавить границы и дополняющий к строкам таблицы и ячейкам. Но в Переходном XHTML 1.0, это не работает вообще.

Рассмотрение, что я не могу изменить 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>
1
задан Brian Tompsett - 汤莱恩 5 June 2017 в 14:33
поделиться

2 ответа

Попробуйте проверить, работает ли border и margin в td. 

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

Если да, то вам придется сделать верхнее/нижнее поле только для центральных ячеек.

1
ответ дан 2 September 2019 в 23:06
поделиться

Если вы хотите, чтобы они были вокруг каждой ячейки, примените стиль к элементу td, а не к 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;
            }

Для полей я бы применил padding к элементам td: 

            td
            {
                padding: 10px;

                /*use if you want lines between each cell*/
                border: 1px solid black;
            }
1
ответ дан 2 September 2019 в 23:06
поделиться