指定した行数を超えた分は三点リーダー「…」で省略してくれる line-clamp というプロパティがいつの間にか存在していたのか。いや、まだ -webkit- のプレフィックスを付けて -webkit-line-clamp と書かないと反映されないけども。Firefoxでも -webkit-line-clamp でいける。メジャー処のブラウザはみな既に(プレフィックス付きで)対応済みのようだ。mixi2の招待コードのページを見ると、私が書いた自己紹介文が2行だけ表示されている。文中には日本語文字のほかに英字も含まれているのに、ちょうど2行目の終わりに三点リーダー「…」が見えているので、どんな調整をしているのだろうか？ と思ってソースを見たら、HTMLには自己紹介文の全文が最後まで含まれていた。CSSを見ると -webkit-line-clamp: 2; という記述があったので知った。これ単独ではダメなようで、それに併せて、display: -webkit-box; と -webkit-box-orient: vertical; も指定する必要があるようだ。