1行と複数行のテキストオーバーフロー表示省略を実現するCSSの実装方法

1, 1行がはみ出して、はみ出した部分が表示されたり… 遮られたりします。前提条件には幅が必要です。

width:300px;   
overflow: hidden;   
text-overflow:ellipsis;   
white-space: nowrap;

2. 複数行オーバーフロー

display: -webkit-box;   
-webkit-box-orient: vertical;   
-webkit-line-clamp: 3;   
overflow: hidden;