«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как перенести атрибуты таблицы в CSS в HTML5?

Как перенести атрибуты таблицы в CSS в HTML5?

Опубликовано 7 ноября 2024 г.
Просматривать:922

How Can I Migrate Table Attributes to CSS in HTML5?

Переход атрибутов таблицы HTML5

Функция проверки HTML5 Visual Studio определяет атрибуты cellpadding, cellspaceing, valign и align как недопустимые для элементов таблицы. Чтобы решить эту проблему, HTML5 вводит альтернативы CSS для управления внешним видом и интервалом между таблицами.

Заполнение ячеек:

Замените заполнение ячеек свойством заполнения CSS, применяемым к ячейкам таблицы (

и ). Например:
th, td {
  padding: 5px;
}

Интервал ячеек:

Замените интервал ячеек на свойства CSS border-collapse и border-spacing, примененные к таблице. border-collapse: отдельный и border-spacing: 5px создадут расстояние в 5 пикселей между ячейками таблицы. border-collapse: коллапс и border-spacing: 0 удалят все интервалы между ячейками.

Вертикальное выравнивание:

Замените valign на CSS-выравнивание по вертикали, примененное к ячейкам таблицы . вертикальное выравнивание: top выровняет содержимое ячейки по верху ячейки.

Горизонтальное выравнивание (по центру):

Хотя выравнивание не является допустимым атрибутом HTML5, вы можно добиться горизонтального центрирования, используя CSS Margin: 0, автоматически примененный к таблице. Это позволит центрировать таблицу по горизонтали внутри родительского контейнера.

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3