CSS を使って長文最後を「･･･」で省略する方法（複数行対応） - Qiita単行だと簡単にかけたり、-webkit対応だと簡単にかけたりするのだが、 色々なブラウザでの複数行だとちょっと面倒だったのでメモ。 対応方法 htmlに長文を用意 .cut_txt { position: relative; overflow: hidden; /** 行数設定 **/ height: 3em; line-height: 1.5; } .cut_txt:before, .cut_txt:after { position: absolute; /** 塗りつぶし背景色 **/ background: #f7f6ec; } .cut_txt:before { /** 語尾文字 **/ content: "･･･"; bottom: 0; right: 0; } .cut_txt:after { content: ""; width: 100%; height: 100%; }
