IE9 có hỗ trợ hiển thị: inline-flex không?

Question

Tôi đã tìm kiếm xung quanh StackOverflow và thậm chí cả nơi khác để tìm xem liệu display: inline-flex; có hoạt động trong IE9 hay không. Tôi đã đăng câu hỏi trước khi gặp sự cố khi mở rộng chiều rộng động, question here.

Câu trả lời đã giúp tôi, cảm ơn bạn đã từng là ai! Bây giờ tôi đã khắc phục vấn đề và nó hoạt động tốt trong Chrome, Opera, Mozilla, Safari, IE10 +, tôi vẫn gặp sự cố khi thực hiện công việc này trong IE9.

Tôi cũng đã cố gắng thêm bản sửa lỗi trước cho display: inline-flex; chẳng hạn như display:-webkit-inline-box, -ms-inline-flexbox, v.v.

Vấn đề tôi đã được cố định toàn bộ thỏa thuận là width: auto; và display: inline-flex;

Làm việc fiddle here

Làm thế nào tôi có thể làm để làm việc này trong IE9?

Answer 1

Như bạn có thể thấy ở đây: Can I use FlexBox? Flexbox không được hỗ trợ trong IE9

EDIT: Dựa trên nhận xét OP để trả lời:

nếu có cách nào để làm cho nó làm việc trong IE9, với tiền tố hay gì đó?

đây là một SO câu trả lời của người sử dụng từ khác liên quan question:

Tôi hiểu từ câu hỏi của bạn, rằng bạn nhận thức được thực tế là IE9 không hỗ trợ flexbox. Một polyfill cho flexbox, có tên flexie.js, không tồn tại (không được duy trì afaik), nhưng nó hoạt động bằng cách sử dụng cú pháp cũ của năm 2009 của flexbox.

Sử dụng cú pháp cũ là tất nhiên không được khuyến khích, kể từ cú pháp năm 2009 là thực sự lỗi thời và nhiều trình duyệt sẽ không nhận ra nó nữa. Tuy nhiên, bạn có thể thử sử dụng Autoprefixer, trong đó chuyển đổi quy tắc cú pháp mới thành quy tắc cú pháp cũ (trong khi vẫn giữ nguyên cú pháp mới cho các trình duyệt hỗ trợ nó).

Có cẩn thận - Bạn sẽ không thể sử dụng kiểu nội tuyến, bạn sẽ phải viết kiểu của mình trong tệp CSS và tôi không nghĩ rằng nó hỗ trợ thay đổi động cho DOM.

Tuyên bố từ chối trách nhiệm: Tôi chưa thử phương pháp đó với IE9 + flexie.