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
Bài viết mới:
- Mã bưu chính của 63 tỉnh thành Việt Nam (Zip Postal Code)
- Ẩn các sản phẩm không muốn hiển thị trong trang danh mục woocommerce
- Tạo đồng hồ đếm ngược trong wordpress bằng PHP – JavaScript Countdown Clock
- 3 Cách để mở file DOC mà không có Word
- Lỗi không hiển thị Favicon website wordpress trên chrome và cách xử lý