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:
- Liệt kê tất cả danh mục con của một danh mục trong wordpress
- Tùy biến trang sản phẩm bằng các hook cơ bản trong single product woocommerce
- Tạo shortcode cho menu để dùng khắp mọi nơi :>
- Các cách truy xuất thông tin sản phẩm trong woocommece bằng code
- Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress
