Skip to main content

Избавление пробелов в таблицах HTML

Рекс Стаут. Избавьте от греха. аудиокнига. (Апрель 2025)

Рекс Стаут. Избавьте от греха. аудиокнига. (Апрель 2025)
Anonim

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

Определение HTML-таблицы

Тег HTML для таблиц по умолчанию не контролирует некоторые требования к интервалу. Проверьте три вещи о теге «table» в вашем HTML-документе:

  1. У вашей таблицы атрибут cellpadding равен 0?
    1. CELLPADDING = "0"

  2. У вашей таблицы атрибут cellspacing установлен в 0?
    1. CELLSPACING = "0"

  3. Есть ли пробелы до или после вашего контента и таблиц?

Номер 3 - кикер. Многие редакторы HTML хотели бы, чтобы весь код был удален, чтобы было легко читать. Но многие браузеры интерпретируют те вкладки, пробелы и каретки как желаемое дополнительное пространство внутри ваших таблиц. Избавьтесь от пробелов вокруг ваших тегов, и у вас будут четкие таблицы.

Таблицы стилей

Однако, возможно, это не тот HTML-код, который выключен. Каскадные таблицы стилей управляют некоторыми атрибутами отображения таблиц и, в зависимости от страницы, вы можете или не могли бы специально добавить CSS для CSS.

Сканирование управляющего файла CSS для любого из следующих значений внутри таблицы ,' ' го "или ' тд» свойства и при необходимости отрегулировать:

  • граница: Указывает атрибуты таблицы или границы ячейки
  • границы коллапса: Рассматривает соседние границы как единое целое, чтобы избежать дублирования ширины границ
  • набивка: Предлагает пустое пространство, в пикселях, вокруг каждой ячейки
  • выравнивания текста: Определяет выравнивание текста внутри ячейки
  • границы разнос: Устанавливает интервал между ячейками, в пикселях

альтернативы

Хотя вы все еще можете использовать HTML-таблицы (стандарт хорошо зарекомендовал себя и поддерживается повсеместно в современных браузерах), наиболее современный отзывчивый веб-дизайн использует каскадные таблицы стилей для размещения элементов на странице. Таблицы по-прежнему имеют смысл для их первоначальной цели для отображения табличных данных, но для организации макета и содержимого страницы вам гораздо лучше использовать макет CSS.