Tìm theo từ khóa

Giới hạn dòng hiển thị bằng CSS hỗ trợ cả IE



Dùng đoạn CSS sau để gới hạn số dòng trong khung text nhé.

.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

5/5 - (1 bình chọn)
0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Mới nhất
Cũ nhất Được bỏ phiếu nhiều nhất
0
Rất thích suy nghĩ của bạn, hãy bình luận.x