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:
- Làm thế nào xóa hàng loạt các sản phẩm, đơn hàng trong woocommerce
- Tạo nút liên hệ khi giá sản phẩm là 0 trong woocommerce
- Kích hoạt Windows Sandbox trên Windows 10 để chạy file .exe không đáng tin cậy
- Liệt kê tất cả danh mục con của một danh mục trong wordpress
- Lỗi bảo mật nghiệm trọng của plugin wpDiscuz