p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } まぁ普通に3点リーダーになりますよね。 複数行で3点リーダー Chrome・Safari でしか実装できませんが(今後はIEとかでも使えるようになる事を期待)下記のように書きます。 複数行での3点リーダー実装するために、 ”display: -webkit-box;” ”-webkit-box-orient: vertical;” 指定をします。 display属性を”box”とすることでフレキシブルボックス状態になり、 ”-webkit-line-clamp”で指定した行までを表示するようになります。 box-orientはそのフレキシブルボックスの並び方向を指定しverticalと指定する。 overflow: hidden;をスクロールバー対策と