Подтвердить что ты не робот

Как отображать столбцы CSS3 в IE?

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

4b9b3361

Ответ 1

Pragmatic Programmer HTML5 и CSS3 в книге есть несколько отличных советов по таким вещам. Для столбцов он рекомендует использовать Плагин Columnizer для jQuery для IE.

Ответ 4

Попробуйте установить display: inline-table; на элементы, которые вы хотите разместить в виде таблицы

Ответ 5

CSS3 предоставляет способ превратить любой контент HTML node в любое количество столбцов. Существуют свойства для управления количеством столбцов, а также их шириной, относительной высотой ( "заполнение" или разделом содержимого по существующим столбцам), желобом между столбцами, "правилом" (разделительной линией или границей) и т.д.

В качестве отправной точки см. справочную страницу w3schools.com CSS3 Multiple Columns.

Однако, как обычно, только IE среди широко используемых браузеров не поддерживает свойства column-CSS3, за исключением IE10.

Одно кросс-браузерное решение - это плагин JQuery для столбцов.

Ответ 6

Не видя свой код, я бы предложил разместить каждый столбец в div. Затем переопределите тег body после загрузки таблицы стилей только для IE и добавьте стили для div.

Только для IE:

<!--[if IE]>
   **** your styles ****    
<![endif]-->

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