See the Pen
1行以上になったら…を付けて省略 by wani (@waniwaniwani)
on CodePen.0
目次
解説
overflow: hidden; // ボックスからはみ出すと非表示になる、隠れる。
dispaly: box; // 横並びになる。
box-orient: vertical; // ボックスの中身を垂直にする。
line-clamp: 1; // ブロックの内容を指定した行数にする。
メモ:
displayで2つの値を設定できるようになるみたいです。(2022年12月現在、一部ブラウザでのみ対応)
MDN Web Docs


display の新しい 2 値構文への対応 – CSS: カスケーディングスタイルシート | MDN
CSS Display Module Level 3 では、display プロパティの 2 値構文について記述しています。このガイドでは、この構文の変更について、その理由も含めて説明します。また、…
コメント