дисплей: таблица против использования таблиц

Question

Мне было интересно, будет ли хорошей идеей использовать свойство отображения CSS для эмуляции таблиц для очень простой системы форумов.

Я знаю, что это было нехорошо, как 2 года назад, когда IE и, возможно,другие не поддерживали отображение: table / table-cell и т. д. Но я думаю, что теперь все браузеры поддерживают его, верно?

Answer 1

Если информация, отображаемая на форуме, является табличной, не бойтесь использовать таблицу, если она имеет смысл семантически.

Для общего макета страницы, лично я бы не стал его использовать. Я бы придерживался типичных блочных макетов и плаваний. IE7 не поддерживает display: table и другие предостережения, такие как тот факт, что он будет расширяться по ширине в зависимости от содержимого. В будущем я с нетерпением жду полной поддержки flexbox .

Я иногда использую display: inline-block для центрирования элементов динамического списка и т. П.

Answer 2

Я также согласен с Филом, таблицы предназначены для табличных данных. Я предпочитаю использовать div и span, чем использовать таблицы везде, где это возможно.

Но если ваши данные являются табличными, например, сетка, вы можете использовать таблицу.

Та же самая табличная сетка может быть разработана только с помощью div.

Answer 3

Может быть полезно, особенно для вертикального центрирования контента. Я бы не использовал его для всего макета, но это только потому, что я привык использовать поплавки.

Answer 4

display: table отлично подходит для ситуаций, когда требуется макет в виде сетки, но для не табличных данных. Начиная с IE8 поддерживается , так что вы точно можете его использовать. Если бы все браузеры поддерживали предложение сетки CSS , , тогда я бы сказал, display: table в основном бесполезен, но поддержка не очень хороша .

Лично я считаю, что форум является отличным примером сетчатого макета для не табличных данных. Но в прошлом я сталкивался с аргументами в StackOverflow о том, что именно представляют собой «табличные данные»; Я ошибаюсь в очень строгой части «таблицы 1: цифры и цифры», в то время как другие, похоже, склоняются к тому, чтобы говорить, что табличное является синонимом «упорядочено в сетке».

Answer 5

Я думаю, что в итоге вы отображаете табличные данные, тогда таблицы вполне достаточно.Я полагаю, что когда вы используете таблицы для управления макетом с точки зрения дизайна, пуристам будет трудно, потому что с теоретической точки зрения ваша семантическая разметка будет содержать табличные данные, но в действительности вы можете использовать их для позиционирования изображений.При этом я иногда расстраиваюсь, пытаясь выложить вещи без использования таблиц - я знаю, что это осуждается, но кто совершенен ??

Answer 6

Я бы не стал смешивать структуру (HTML) со стилем (CSS).Если это табличные данные, просто используйте <table> s, если нет, лучше всего использовать divs / CSS.

Answer 7

Из личного опыта: таблица и т. Д. Довольно избыточны (кто-то поправит меня, если я ошибаюсь)

Вы лучше всего используете div и стилизуете их с помощью CSS соответственно.

Редактировать:^ Без использования display: table / display: table-cell .. И используя более распространенные / стандартные методы отображения ваших данных.(Однако можно утверждать, что это общий / стандартный метод)

Answer 8

Большинство новых браузеров, вероятно, сейчас в порядке. Лучшее, что вы можете сделать, это протестировать его в браузерах, которые вас интересуют. Вы никогда не сможете порадовать «все браузеры», независимо от того, что вы делаете.

Во многих случаях я все еще использую таблицы для структурирования своей страницы. Люди правы, когда говорят, что вместо этого вы должны использовать css, но, к сожалению, объем работы, которую вы должны выполнить, чтобы заставить div работать правильно как сетка в одном браузере, не говоря уже о всех основных браузерах, все еще запредельно. Если вы не можете найти реальную (в отличие от теоретического / философского вида) проблему с таблицей, на данный момент она будет намного более практичной.

Может быть, когда схемы сетки CSS станут подходящей заменой, я покаюсь от своих злых путей <table>, но до тех пор ...