时间戳

首页 > 解决方案 > -webkit-box 在 IE 中不起作用，但在 chrome 中起作用

css - -webkit-box 在 IE 中不起作用，但在 chrome 中起作用

问题描述

-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：垂直；在 IE 中不起作用。

标签： cssinternet-explorer

解决方案

它不起作用，因为 IE 不是基于 webkit 的浏览器。另外 IE 不支持 line-clamp 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

推荐阅读