Таблица в DIV и CSS

0

Вопрос: Можно ли это сделать с помощью DIV и CSS? (вместо таблицы html)

Таблица с 3 колонками и 3 рядами, горизонтально выровненными по центру и вертикально выровненными вверх.
Когда содержимое в средней ячейке больше, тогда вся таблица расширяется до левого, правого и нижнего.

Ширина столбцов Left и right, top и bottom строки не должны изменяться.

Изображение 174551

Серые границы, которые можно увидеть на этой картине, не важны, они на самом деле невидимы.

  • 0
    div { display:table/table-row/table-cell } ?
  • 0
    К сожалению, кажется, что значения inline-table , table , table-caption table-cell table-column table-column-group table-row table-row-group table-row table-row-group и inherit не поддерживаются в IE7 и более ранних версиях. ,
Теги:

1 ответ

1

Отображение значений свойств CSS, использование этих

table Let the element behave like a <table> element   
table-caption Let the element behave like a <caption> element 
table-column-group    Let the element behave like a <colgroup> element    
table-header-group    Let the element behave like a <thead> element   
table-footer-group    Let the element behave like a <tfoot> element   
table-row-group   Let the element behave like a <tbody> element   
table-cell    Let the element behave like a <td> element  
table-column  Let the element behave like a <col> element 
table-row Let the element behave like a <tr> element

Дополнительная информация: CSS display Property

Таким образом, согласно документации, эти значения поддерживают только IE8, поэтому вы должны использовать элемент <table> в IE7.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню