Membatasi Teks Berdasarkan Jumlah Baris

Biasanya kita membatasi teks menggunakan jumlah karakter, sekarang saya memberikan trik untuk membatasi teks berdasarkan jumlah baris atau line menggunakan CSS code. Hal ini sangat berguna untuk membatasi title posts agar tampilannya lebih rapih dan tidak jomplang antara card post yang satu dengan yang lainnya.

.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Silahkan ganti angka ini sesuai jumlah baris maksimal yang diinginkan */
    -webkit-box-orient: vertical;
}

/* cara penggunaan */
<div class="line-2">Teks yang ingin dibatasi berdasarkan jumlah baris</div>