Skip to main content

Отслабване на пространства в HTML таблици

Week 9 (Може 2025)

Week 9 (Може 2025)
Anonim

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

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

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

  1. Има ли вашата таблица атрибута cellpadding настроен на 0?
    1. cellpadding = "0"

  2. Има ли вашата таблица атрибута cellspacing на 0?
    1. cellspacing = "0"

  3. Има ли интервали преди или след съдържанието ви и маркерите на таблицата?

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

Стил листове

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

Сканирайте управляващия CSS файл за някоя от следните стойности в таблицата ,' ' тор ' ТД " свойства и коригирайте според нуждите:

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

Алтернативи

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