オーバーフロー文字省略記号

575 ワード

単行テキストオーバーフロー省略記号の表示
3つの条件を満たさなければならない
/*            */
white-spcae: nowrap; (   normal     )
/*         */
overflow: hidden;
/*               */
text-overflow: ellipsis;

複数行のテキストオーバーフロー省略記号の表示
Webkitブラウザやモバイル端末(モバイル端末の大部分はWebkitカーネル)に適した互換性の問題があります.
overflow: hidden;
text-overflow: ellipsis;
/*            */
display: -webkit-box;
/*                  */
-webkit-line-clamp: 2;
/*                     */
-webkit-box-orient: vertical;

バックグラウンドの人にこの効果をさせることをお勧めします.バックグラウンドの暖房はどれだけの字を表示するかを設定することができ、操作が簡単です.