2014-10-21 2 views
8

Я смотрю вокруг StackOverflow и еще где найти, если display: inline-flex; работает в IE9. Я поставил перед этим вопрос, когда у меня возникли проблемы с расширением ширины динамически, question here.Поддерживает ли IE9 отображение дисплея: встроенный-flex вообще?

Ответ помог мне, спасибо, кто вы когда-либо! Теперь, когда я исправил проблему, и она отлично работает в Chrome, Opera, Mozilla, Safari, IE10 +, мне все еще не удается выполнить эту работу в IE9.

Я также пытался добавить предварительно исправление для display: inline-flex;, таких как display:-webkit-inline-box, -ms-inline-flexbox, и так далее.

Проблема, которую я имел, который зафиксировал все дело было width: auto; и display: inline-flex;

Работа скрипку here

Как я могу сделать это, чтобы работать в IE9?

+3

Непохоже, IE9 поддерживает Flexbox: http://caniuse.com/#search=flex –

+0

Хорошо, есть ли способ, что я могу сделать это, чтобы работать в IE9? Если вы посмотрите на мою скрипку, вы увидите, что она отлично работает в других браузерах! – maverick

+0

Это немного старый пост, но я натолкнулся на него, рассматривая решение для этого (поскольку Bootstrap 4 полностью подходит для форматирования Flexbox). Я столкнулся с этим плагином, который, как представляется, поддерживается: https://github.com/jonathantneal/flexibility –

ответ

12

Как вы можете увидеть здесь: Can I use FlexBox? Flexbox не поддерживается в IE9

Can I use inline-flex

EDIT: на основе ОП комментария ответить:

, есть ли способ сделать это работать в IE9 с префиксом или чем-то еще?

здесь является SO ответ пользователей с другой связанной question:

я понял из вашего вопроса, что вы знаете о том, что IE9 не поддерживает Flexbox. Полипол для flexbox с именем flexie.js, существует (не поддерживается afaik), но он работает с использованием старого синтаксиса flexbox 2009 .

Используя старый синтаксис, конечно, не рекомендуется, так как синтаксис 2009 действительно устарел и многие браузеры не признают его больше. Но вы можете попытаться использовать Autoprefixer, который преобразует правила нового синтаксиса в правила старого синтаксиса (при сохранении нового синтаксиса для браузеров, которые его поддерживают).

Есть предостережения - Вы не сможете использовать встроенный стиль, вы должны написать свои стили в CSS файлах, и я не думаю, что он поддерживает динамические изменения в DOM.

Отказ от ответственности: Я не пробовал этот метод с помощью IE9 + flexie.

+0

Да, я также посетил эту страницу и увидел, что гибкость не работает. Но мой вопрос в том, есть ли способ заставить его работать в IE9, с предварительным исправлением или чем-то еще? Что-то, что происходит вокруг, и позволяет ... – maverick

+0

8/9 просто плоский не поддерживает. Так что не совсем. Настольная ячейка как можно ближе. – geebru

+0

Хорошо. Так что нет способа заставить его работать в IE9? – maverick

Смежные вопросы