Home / Seo / Css rút gọn tiêu đề thành 2 hàng

Css rút gọn tiêu đề thành 2 hàng

Hường dẫn Css rút gọn tiêu đề thành 2 hàng

Thông thường các sản phẩm ở Việt Nam có tên khá dài, và không đều nên lên web rất xấu. Đơn giản là hôm nay mình chia sẻ đoạn css để rút gọn tiêu đề lại cho đều với nhau. Css như sau:

Trong đó p.name.product-title a là class của tiêu đề sản phẩm trên web của bạn, các bạn nhớ thay cho đúng (cái demo là của theme Flatsome). -webkit-line-clamp: 2; là số dòng các bạn muốn cắt, nếu chỉ muốn cắt thànhh 1 dòng thì thay bằng số 1.

Chúc các bạn thành công!

Nguồn : https://mcode.ovh/css-rut-gon-tieu-de-thanh-2-hang/

Bài viết hay

Code Icon Social Fixed mới nhất

Code Icon Social Fixed mới nhất

5.0 02 Chào các Bạn! Nay lại là một bài share code về các nút …

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *