Thông thường tiêu đề hoặc mô tả bài viết sẽ quá dài hoặc quá ngắn,rất ít khi độ dài của các bài viết bằng nhau. Vấn đề này tuy nhỏ nhưng lại gây ra sự lộn xộn về chiều cao của khung bài viết hoặc sản phẩm gây mất thẩm mỹ và để căn chỉnh nó bạn cũng khá tốn thời gian.
Tôi hướng dẫn các bạn 1 đoạn mã CSS có thể giới hạn số dòng hiển thị của tiêu đề, mô tả hoặc bất cứ phần text nào trong website.
.title, .excerpt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}Bạn thay số 2 thành số bất kỳ để giới hạn số dòng, ở đây tôi giới hạn chỉ hiển thị 2 dòng.
Chúc bạn thành công. Have a nice day.
Vui lòng ghi rõ nguồn khi chia sẻ. Thanks.