Блог

Главная - Вопросы по программированию - -webkit-box не работает в IE, но работает в chrome

-webkit-box не работает в IE, но работает в chrome

#css #internet-explorer

#css #internet-explorer

Вопрос:

-webkit-box не работает в IE, поэтому этот код работает в IE.

:p тег

 <p class="company__note">職種商品企画・プランニング、人事・労務、営業（個人向け・新規開拓中心）、営業（個人向け・得意先中心）、営業（企業向け・新規開拓中心）、営業（企業向け・得意先中心）、販売・サービススタッフ、店長（店舗経営など）、店舗開発、総合職、営業職、管理系職種（経理・人事・総務）sadsadsadasd</p>

: css

 .company__note {
margin: 0;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

Приведенный выше код
отображения: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; не работает в IE.

Комментарии:

1. IE — это не webkit….

2. Поскольку другие участники сообщества уже сообщили вам, что webkit-box , webkit-line-clamp и webkit-box-orient не поддерживаются в браузере IE. это причина, по которой он не работает в браузере IE. Вы можете показать нам, какой фактический результат вы хотите получить, используя браузер IE. Мы можем попытаться предоставить предложения для этого. Спасибо за понимание.

Ответ №1:

Это не работает, потому что IE не является браузером на основе webkit. Также IE не поддерживает зажим строки https://caniuse.com/?search=line-clamp
Старайтесь избегать использования -webkit-box и -webkit-box-orient, поскольку эти свойства нестандартны https://developer.mozilla.org/en-US/docs/Web/CSS/box-flex https://developer.mozilla.org/en-US/docs/Web/CSS/box-orient