Изгнать фанки пробелов в ваших HTML-таблицах

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

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

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

  1. В вашей таблице атрибут cellpadding установлен в 0?
    1.  CELLPADDING = "0" 
  2. В вашей таблице атрибут cellspacing имеет значение 0?

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

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

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

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

Отсканируйте управляющий файл CSS на наличие любого из следующих значений в свойствах «таблица », « th» или « td» и при необходимости измените их. :

  • border : указывает атрибуты границы таблицы или ячейки.
  • border-collapse : обрабатывает смежные границы как одну, чтобы избежать дублирования ширины границ
  • padding : предлагает пустое пространство в пикселях вокруг каждой ячейки.
  • text-align : определяет выравнивание текста в ячейке
  • border-spacing . Устанавливает расстояние между ячейками в пикселях.

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

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

Оцените статью
Solutics.ru
Добавить комментарий