More than 1 year has passed since last update.

複数行かつ溢れたコンテンツを3点リーダーで表現する

Posted at 2024-01-09

タイトル通りの内容をcssで表現するには下記のように書きます。
行の数は-webkit-line-clampの値で指定できます。

.content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

参考リンク

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up