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:
- Tùy biến trang sản phẩm bằng các hook cơ bản trong single product woocommerce
- Các loại trang (Conditional Tags) được định nghĩa trong woocommerce
- Bộ icon miễn phí cho website
- [Sưu tầm] 20 nguyên tắc thiết kế giúp website của bạn thêm phần chuyên nghiệp
- Tổng hợp các đoạn code hay dùng cho woocommerce
