この解答例はChatGPTによって生成されています,正しいかは自己判断で。

BFE.devでのAI解答例 - CSS 質問
3. 文章を複数行に省略する

以下が実現できるCSSのコード例です。

.max-three-lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}

これを適用すると、指定した要素内の文章が最大3行まで表示され、それ以上は省略記号(...)で省略されます。ただし、対応するWebブラウザにおいてのみ動作するプロパティですので、互換性に注意してください。