Dùng đoạn CSS sau để gới hạn số dòng trong khung text nhé.
|
1 2 3 4 5 6 7 8 9 10 |
.codfe-archive-except{ word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; /* fallback */ max-height: 72px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } |
Trong ví dụ trên thì nội dung trong class “codfe-archive-except” chỉ hiển thị 3 dòng, nội dung thừa sẽ bị cắt đi
