css省略番号単行マルチライン実装

1443 ワード

リファレンスリファレンス

1行

 
 
    

複数行のテキストオーバーフローの省略


-webkit-line-clamp: 2;(1つのブロック要素に表示されるテキストの行数を制限し、2は最大2行を表示します.この効果を実現するには、他のWebKitプロパティを組み合わせる必要があります)
 
 
    

欠点


互換性一般:-webkit-line-clampプロパティはWebKitカーネルのブラウザでのみサポートされます

Floatの特性を利用して、純粋なCSSは多行の省略を実現します

 
 
    
~~~~