指定行の文末を三点リーダーにして、それ以降非表示にするCSSの紹介です!
ブログ記事一覧などで重宝します!
style.css
.blog__title{
display: -webkit-box;
-webkit-line-clamp: 1; //表示したい行数を指定
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0; //必ずmarginにする
}
指定行の文末を三点リーダーにして、それ以降非表示にするCSSの紹介です!
ブログ記事一覧などで重宝します!
.blog__title{
display: -webkit-box;
-webkit-line-clamp: 1; //表示したい行数を指定
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0; //必ずmarginにする
}
Register as a new user and use Qiita more conveniently