Схема стола: CSS table-layout property

Схем

Содержание

Страница не найдена (404)

АвиамоторнаяАвтозаводскаяАкадемическаяАлександровский садАлексеевскаяАлма-АтинскаяАлтуфьевоАминьевскаяАндроновкаАникеевкаАнниноАрбатскаяАэропорт

БабушкинскаяБагратионовскаяБаковкаБаррикаднаяБауманскаяБеговаяБелокаменнаяБеломорскаяБелорусскаяБеляевоБибиревоБиблиотека имени ЛенинаБитцаБорисовоБоровицкаяБотанический садБратиславскаяБульвар адмирала УшаковаБульвар Дмитрия ДонскогоБульвар РокоссовскогоБунинская АллеяБутовоБутырская

ВаршавскаяВДНХВерхние КотлыВерхние ЛихоборыВладыкиноВодный стадионВойковскаяВолгоградский проспектВолжскаяВолоколамскаяВоронцовскаяВыставочнаяВыхино

Говорово

ДавыдковоДеловой центрДинамоДмитровскаяДобрынинскаяДолгопруднаяДомодедовскаяДостоевскаяДубровка

ж/д станция КрюковоЖулебино

ЗИЛЗолотая ниваЗюзиноЗябликово

ИзмайловоИзмайловская

Калинина МЦД-5 (открытие в 2025 г.)КалужскаяКантемировскаяКаховскаяКаширскаяКиевскаяКитай-городКожуховскаяКоломенскаяКоммунаркаКомсомольскаяКоньковоКоптевоКотельникиКрасногвардейскаяКрасногорскаяКраснопресненскаяКрасные воротаКрестьянская заставаКропоткинскаяКрылатскоеКрымскаяКузнецкий мостКузьминкиКунцевскаяКунцевская (МЦД-1 Лобня — Одинцово линия)КурскаяКутузовская

Ленинский проспектЛермонтовский проспектЛесопарковаяЛобняЛокомотивЛомоносовский проспектЛубянкаЛухмановскаяЛюблино

МаркМарьина рощаМарьиноМаяковскаяМедведковоМеждународнаяМенделеевскаяМинскаяМитиноМичуринский проспектМичуринский проспект (Большая кольцевая линия)МневникиМолодёжнаяМякинино

НагатинскаяНагорнаяНародное ополчениеНахабиноНахимовский проспектНекрасовкаНемчиновкаНижегородскаяНовогиреевоНоводачнаяНовокосиноНовокузнецкаяНовопеределкиноНовослободскаяНовохохловскаяНовохохловская (МЦД-2 Нахабино — Подольск линия)Новые Черёмушки

ОдинцовоОзёрнаяОкружнаяОкскаяОктябрьскаяОктябрьское полеОльховаяОпалихаОреховоОтрадное

ПавелецкаяПавшиноПанфиловскаяПарк культурыПарк ПобедыПартизанская (Измайловский парк)ПенягиноПервомайскаяПеровоПетровский ПаркПетровско-РазумовскаяПечатникиПионерскаяПланернаяПлощадь ИльичаПлощадь РеволюцииПокровскоеПолежаевскаяПолянкаПотаповоПражскаяПреображенская площадьПрокшиноПролетарскаяПроспект ВернадскогоПроспект МираПрофсоюзнаяПушкинскаяПятницкое шоссе

Рабочий ПосёлокРаменкиРассказовкаРечной вокзалРижскаяРимскаяРостокиноРумянцевоРязанский проспект

СавёловскаяСаларьевоСвибловоСелигерскаяСемёновскаяСерпуховскаяСетуньСиликатнаяСколковоСлавянский бульварСмоленскаяСоколСокольникиСолнцевоСпартакСпортивнаяСретенский бульварСтахановскаяСтрешневоСтрогиноСтуденческаяСухаревскаяСходненская

ТаганскаяТверскаяТеатральнаяТекстильщикиТёплый станТереховоТехнопаркТимирязевскаяТретьяковскаяТропаревоТрубнаяТульскаяТушинская

УгрешскаяУлица 1905 годаУлица академика ЯнгеляУлица ГорчаковаУлица ДмитриевскогоУлица СкобелевскаяУлица Старокачаловская

Филатов ЛугФилевский паркФилиФили (МЦД-1 Лобня — Одинцово)ФонвизинскаяФрунзенская

ХлебниковоХовриноХорошёвоХорошёвская

ЦарицыноЦветной бульвар

ЧеркизовскаяЧертановскаяЧеховскаяЧкаловская

ШаболовскаяШелепихаШереметьевскаяШипиловскаяШоссе Энтузиастов

ЩёлковскаяЩербинкаЩукинская

ЭлектрозаводскаяЭлектрозаводская (Некрасовская линия)

Юго-ЗападнаяЮжная

Ясенево

АкадемическийАлексеевскийАлтуфьевскийАрбатАэропорт

БабушкинскийБалашихаБалашихинскийБасманныйБеговойБескудниковскийБибиревоБирюлёво ВосточноеБогородскоеБутово СеверноеБутово ЮжноеБутырский

ВешнякиВнуковоВнуковскоеВойковскийВолоколамскийВоскресенскийВосточныйВыхино-Жулебино.

Выхино

ГагаринскийГоловинскийГольяново

ДаниловскийДегунино ЗападноеДедовскДесёновскоеДзержинскийДмитровДмитровскийДолгопрудныйДомодедовоДонскойДорогомиловоДубна

Егорьевский

ЖелезнодорожныйЖуковский

ЗамоскворечьеЗвенигородЗеленоградскийЗюзиноЗябликово

ИвантеевкаИзмайловоИстринский

КаширскийКлимовскКлинскийКокошкиноКоломенскийКоньковоКоптевоКоролевКосино-УхтомскийКотельникиКотловкаКрасноармейскКрасногорскийКраснознаменскКрасносельскийКрылатскоеКузьминкиКунцево

ЛевобережныйЛенинскийЛефортовоЛианозовоЛобняЛомоносовскийЛосино-ПетровскийЛосиноостровскийЛуховицкийЛыткариноЛюберецкийЛюблино

МарушкинскоеМарфиноМарьина рощаМарьиноМедведково СеверноеМедведково ЮжноеМетрогородокМещанскийМитиноМожайскийМолжаниновскийМоскворечье-СабуровоМосковскийМосрентгенМытищинский

Нагатино-СадовникиНагатинский затонНагорныйНаро-ФоминскийНекрасовкаНижегородскийНово-ПеределкиноНовогиреевоНовокосиноНогинский

ОбручевскийОдинцовскийОзерскийОрехово-Борисово СеверноеОрехово-Борисово ЮжноеОрехово-ЗуевоОстанкинскийОтрадноеОчаково-Матвеевское

Павлово-ПосадскийПеровоПечатникиПодольскийПокровское-СтрешневоПреображенскоеПресненскийПроспект ВернадскогоПушкинскийПущино

РаменкиРаменскийРеутовРостокиноРузскийРязановскоеРязанский

СавёловскийСвибловоСеверныйСергиево-ПосадскийСерпуховскийСоколСоколиная гораСокольникиСолнечногорскийСолнцевоСосенскоеСтрогиноСтупинский

ТаганскийТалдомскийТверскойТекстильщикиТёплый СтанТимирязевскийТроицкийТропарёво-НикулиноТушино СеверноеТушино Южное

Филёвский паркФили-ДавыдковоФилимонковскоеФрязино

ХамовникиХимкиХовриноХорошёво-МневникиХорошёвский

ЧерёмушкиЧертаново СеверноеЧертаново ЦентральноеЧертаново ЮжноеЧеховский

Шатурский

ЩелковскийЩербинкаЩукино

Электросталь

Южнопортовый

ЯкиманкаЯрославскийЯсенево

Страница не найдена (404)

Говорово

ДавыдковоДеловой центрДинамоДмитровскаяДобрынинскаяДолгопруднаяДомодедовскаяДостоевскаяДубровка

ж/д станция КрюковоЖулебино

ЗИЛЗолотая ниваЗюзиноЗябликово

ИзмайловоИзмайловская

Калинина МЦД-5 (открытие в 2025 г.

)КалужскаяКантемировскаяКаховскаяКаширскаяКиевскаяКитай-городКожуховскаяКоломенскаяКоммунаркаКомсомольскаяКоньковоКоптевоКотельникиКрасногвардейскаяКрасногорскаяКраснопресненскаяКрасные воротаКрестьянская заставаКропоткинскаяКрылатскоеКрымскаяКузнецкий мостКузьминкиКунцевскаяКунцевская (МЦД-1 Лобня — Одинцово линия)КурскаяКутузовская

ОдинцовоОзёрнаяОкружнаяОкскаяОктябрьскаяОктябрьское полеОльховаяОпалихаОреховоОтрадное

Рабочий ПосёлокРаменкиРассказовкаРечной вокзалРижскаяРимскаяРостокиноРумянцевоРязанский проспект

Филатов ЛугФилевский паркФилиФили (МЦД-1 Лобня — Одинцово)ФонвизинскаяФрунзенская

ХлебниковоХовриноХорошёвоХорошёвская

ЦарицыноЦветной бульвар

ЧеркизовскаяЧертановскаяЧеховскаяЧкаловская

ШаболовскаяШелепихаШереметьевскаяШипиловскаяШоссе Энтузиастов

ЩёлковскаяЩербинкаЩукинская

ЭлектрозаводскаяЭлектрозаводская (Некрасовская линия)

Юго-ЗападнаяЮжная

Ясенево

АкадемическийАлексеевскийАлтуфьевскийАрбатАэропорт

ВешнякиВнуковоВнуковскоеВойковскийВолоколамскийВоскресенскийВосточныйВыхино-Жулебино.

Выхино

ГагаринскийГоловинскийГольяново

Егорьевский

ЖелезнодорожныйЖуковский

ЗамоскворечьеЗвенигородЗеленоградскийЗюзиноЗябликово

ИвантеевкаИзмайловоИстринский

РаменкиРаменскийРеутовРостокиноРузскийРязановскоеРязанский

Филёвский паркФили-ДавыдковоФилимонковскоеФрязино

ХамовникиХимкиХовриноХорошёво-МневникиХорошёвский

ЧерёмушкиЧертаново СеверноеЧертаново ЦентральноеЧертаново ЮжноеЧеховский

Шатурский

ЩелковскийЩербинкаЩукино

Электросталь

Южнопортовый

ЯкиманкаЯрославскийЯсенево

Свойство макета таблицы CSS

❮ Назад Полное руководство по CSS Далее ❯

Пример

Установить различные алгоритмы верстки таблицы:

table.

a {
раскладка таблицы: авто;
ширина: 180 пикселей;
}

table.b {
макет таблицы: зафиксированный;
ширина: 180 пикселей;
}

Попробуйте сами »

Определение и использование

Свойство table-layout определяет алгоритм используется для разметки ячеек таблицы, строк и столбцов.

Подсказка: Основное преимущество макета таблицы: фиксированный; это что таблица рендерится намного быстрее. На больших таблицах пользователи не увидят ни одной части table до тех пор, пока браузер не отобразит всю таблицу. Итак, если вы используете table-layout: исправлено, пользователи будут видеть верхнюю часть таблицы во время загрузки браузера и отображает остальную часть таблицы. Создается впечатление, что страница загружает намного быстрее!

Показать демо ❯

Значение по умолчанию:	авто
По наследству:	нет
Анимация:	нет. Читать про анимированный
Версия:	CSS2
Синтаксис JavaScript:	объект .style.tableLayout=»fixed» Попробуй

Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Собственность
таблица-макет	14,0	5,0	1,0	1,0	7,0

Синтаксис CSS

table-layout: auto|fixed|initial|inherit;

Значения свойств

Значение	Описание	Демо
авто	Браузеры используют алгоритм автоматической компоновки таблиц. Ширина столбца задается самым широким неразрывным содержимым в ячейках. Контент определяет макет	Демонстрация ❯
фиксированный	Задает фиксированный алгоритм компоновки таблицы. Ширина таблицы и столбца установлена по ширине таблицы и столбца или по ширине первой строки ячеек. Ячейки в других строках не влияют на ширину столбцов. Если ширины нет в первой строке ширина столбцов делится поровну по всей таблице, независимо от содержимого внутри ячеек	Демонстрация ❯
начальный	Устанавливает для этого свойства значение по умолчанию. Читать про начальный
унаследовать	Наследует это свойство от родительского элемента. Читать о унаследовать

Связанные страницы

Учебник по CSS: Таблица CSS

Ссылка на HTML DOM: свойство tableLayout

❮ Предыдущая Полное руководство по CSS Далее ❯

ВЫБОР ЦВЕТА

Лучшие учебники

Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.

CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery
9000 3

Основные каталожные номера

Справочник по HTML
Справочник по CSS
Справочник по JavaScript

Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры

Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

ФОРУМ | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.

Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

CSS table-layout Свойство

❮ Пред. Следующий ❯

Свойство table-layout указывает алгоритмы, которые используются для размещения ячеек таблицы, строк и столбцов.

Свойство table-layout определяет два алгоритма размещения таблиц: фиксированный и автоматический.

При задании «автоматического» макета таблицы ширина таблицы определяется шириной ее столбцов.

Если указан «фиксированный» макет таблицы, макет таблицы использует ширину таблицы, любую указанную ширину столбцов, а также значения границы и интервала между ячейками. Преимуществом свойства table-layout, установленного на «fixed», является его производительность. В больших таблицах таблица не будет отображаться до тех пор, пока вся таблица не будет визуализирована.

Это создает впечатление, что страница загружается быстрее.

 макет таблицы: авто | фиксированный | начальная | наследовать;

Пример свойства table-layout с фиксированным значением:

 

  <голова>
    Название документа
    <стиль>
      й,
      тд {
        граница: 2px сплошная #666;
      }
      таблица.t1 {
        макет таблицы: фиксированный;
        ширина: 40%;
      }
    
  
  <тело>
     Пример свойства макета таблицы 
     Разметка таблицы: исправлена; ширина: 20% 
    <таблица>
      
        Страна
        Капитал
        Город
      
      
        Россия
        Москва
        Санкт-Петербург
      
      
        Англия
        Лондон
        Манчестер
      
      
        Нидерланды
        Амстердам
        Хааге

Попробуй сам »

Результат

Пример свойства table-layout со значениями «auto» и «fixed»:

   

  <голова>
    Название документа
    <стиль>
      й,
      тд {
        граница: 2px сплошная #666;
      }
      таблица. t1 {
        макет таблицы: фиксированный;
        ширина: 250 пикселей;
      }
      таблица.t2 {
        раскладка таблицы: авто;
        ширина: 100%;
      }
    
  
  <тело>
     Пример свойства макета таблицы 
     Разметка таблицы: исправлена; ширина: 160 пикселей 
    <таблица>
      
        Страна
        Капитал
        Город
      
      
        Россия
        Москва
        Санкт-Петербург
      
      
        Англия
        Лондон
        Манчестер
      
      
        Нидерланды
        Амстердам
        Хааге
      
    
     Разметка таблицы: авто; ширина: 100% 
    <таблица>
      
        
 Страна
        Капитал
        Город
      
      
        Россия
        Москва
        Санкт-Петербург
      
      
        Англия
        Лондон
        Манчестер
      
      
        Нидерланды
        Амстердам
        Гаага

Попробуй сам »

Практикуйте свои знания

Если указана «автоматическая» компоновка таблицы,

макет таблицы использует ширину таблицы.

Страница не найдена (404)

Страница не найдена (404)

Свойство макета таблицы CSS

Пример

Определение и использование

Поддержка браузера

Синтаксис CSS

Значения свойств

Связанные страницы

ВЫБОР ЦВЕТА

Лучшие учебники

Основные каталожные номера

Основные примеры

CSS table-layout Свойство

Пример свойства table-layout с фиксированным значением:

Пример свойства макета таблицы

Разметка таблицы: исправлена; ширина: 20%

Результат

Пример свойства table-layout со значениями «auto» и «fixed»:

Пример свойства макета таблицы

Разметка таблицы: исправлена; ширина: 160 пикселей

Разметка таблицы: авто; ширина: 100%

Практикуйте свои знания

Если указана «автоматическая» компоновка таблицы,

Добавить комментарий Отменить ответ