Просмотров: 1 030

CSS. Свойство display inline-table.

К дополнение к строчным элементам есть свойство display:inline-table.

Поддержка браузерами.

22-01-2014 6-12-09

и не поддерживается в 6 и 7 версии Internet Explorer. Поэтому стоит использовать его осторожнее.

Используется для того, чтобы добавить элементу таблицы <table> свойства строчных элементов, с сохранением основных свойств таблицы. Таблица будет размещаться в одной строке с соседними ей элементами.

Отображение таблицы без inline-table

Текст до таблицы
<table>
  <tr>
       <td>Элемент 1</td>
       <td>Элемент 2</td>
  </tr>
</table>
Текст после таблицы

Отображение таблицы c inline-table

Текст до таблицы
<table style="display:inline-table;">
   <tr>
       <td>Элемент 1</td>
       <td>Элемент 2</td>
   </tr>
</table>
Текст после таблицы

  • http://super-hero.esy.es/ super-hero

    Спасибо, даже не подозревал о существовании такого свойства display. Хотя даже не знаю как он мне понадобится — редко использую таблицы для вывода в таком виде

    • admin

      Согласен. Просто для информации это может быть полезно.

  • http://duan.kz duan

    Я тоже ни разу не использовал эти свойства — только inline-block, block и none. Но для полноты картины будет не лишним. Спасибо