2017-09-11 14 views
0

私のアングルアプリ(私はバージョン4.3.1です)では、複数の行の後にCSSの省略記号を追加しています。
このため、私はSassで次のCSSコードを使用します。スタイリングでウェブキットボックスの向きのスタイリングが消える

何らかの理由で、ボックスオリエンテーションの線が単純にトランジスターによってスタイリングから削除され、省略記号が機能しなくなります。これはAngularとIonicアプリで起こるようです。

+0

https://developer.mozilla.org/en-US/docs/Web/CSS/box-orientは、古い構文のバージョンであり、私はそれが非推奨であることを知っているフレキシボックス –

+0

が必要ですが、省略記号を追加するとき、それはまだ動作します段落のn行目に表示されます。私の場合、すべてのユーザーが同じブラウザを使用するので、安全に使用できます。 –

答えて

0

以下の自動プレフィックスコードの-webkit-box-orientを貼り付けて問題を解決するようです。

.ellipsis { 
    /* autoprefixer: off */ 
    -webkit-box-orient: vertical; 
    /* autoprefixer: on */ 
    display: block; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 
+0

あなたのクエストオンと答えには何も違いはありません。 – Dhaarani

+0

-webkit-box-orientの引用符で囲まれた部分が異なります。そして彼らはすべての違いを生むようです。 –

関連する問題