Да се ​​отървем от пространствата в HTML таблици

click fraud protection

Ако използвате таблици за оформление на страницата (не-не в XHTML), вероятно ще изпитате грозното добавяне на допълнително пространство във вашите оформления. За да разрешите този проблем, трябва да проверите както дефиницията на вашата HTML таблица, така и спецификата на всяка управляваща таблица със стилове.

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

HTML етикет за таблици по подразбиране не контролира някои изисквания за интервали. Проверете три неща за маса етикет в HTML документа ви:

  1. Вашата таблица има ли атрибут cellpadding зададен на 0?
    1. cellpadding = "0"
  2. Дали вашата таблица има атрибут Cellpacing зададен на 0?
    1. cellpacing = "0"
  3. Има ли интервали преди или след вашето съдържание и етикетите на таблицата?

Номер 3 е ритникът. Много HTML редактори бихте искали кодът да е раздалечен, за да го улесните за четене. Но много браузъри интерпретират тези раздели, интервали и връщането на каретата като желано допълнително пространство във вашите таблици. Отървете се от празното пространство около вашите маркери и ще имате по-ясни таблици.

instagram viewer

Таблици със стилове

Възможно е обаче да не е изключен HTML. Каскадни таблици със стилове контролирате някои атрибути на дисплея на таблици и в зависимост от страницата може да въведете или не умишлено да добавите CSS, специфичен за таблицата, на първо място.

Сканирайте управляващия CSS файл за някоя от следните стойности в маса, ти, или tdсвойства и коригирайте при необходимост:

  • граница: Указва атрибутите на граница на таблица или клетка
  • граничен колапс: Третира съседните граници като едно, за да се избегне дублиране на ширината на границите
  • подплата: Предлага празно пространство в пиксели около всяка клетка
  • подравняване на текст: Определя подравняване на текста в клетката
  • раздалечаване на границите: Задава интервал между клетките, в пиксели

Алтернативи

Въпреки че все още можете да използвате HTML таблици (стандартът е добре установен и универсално поддържан в днешния браузъри), най-модерният отзивчив уеб дизайн използва каскадни таблици със стилове за поставяне на елементи на страница. Таблиците все още имат смисъл за първоначалната им цел да показват таблични данни, но за организиране на оформлението и съдържанието на страница е много по-добре да използвате CSS оформление вместо това.

instagram story viewer