省略記号設定へのテキストオーバーフロー

テキストがオーバーフローしたときに省略記号の効果を表示するには、次の定義を完了する必要があります:
1.コンテナーの幅を設定します:幅の値;(px%、すべて可能)
2.テキストを強制的に1行で表示します:white-space:nowrap;
3.オーバーフローコンテンツは非表示:オーバーフロー:非表示;
4.オーバーフローテキスト表示の省略記号:text-overflow:ellipsis;
注:テキストは1行である必要があります。

おすすめ

転載: blog.csdn.net/horizon12/article/details/107920144