Asked May 8th, 2020 7:10 a.m. 344 0 2
  • 344 0 2
0

Hiệu ứng chạy chữ jquery

Share
  • 344 0 2

Mình có một khối div chỉ rộng 100px. Bên trong có text, minh muốn text dài quá thì hiện dấu 3 chấm sau đó chạy từng chữ một từ phải sang trái cho đến hết nội dung. Nội dung bị đẩy sang trái sẽ bị ẩn đi. Nhờ các bác giúp đỡ từ khóa nào để làm cái này. Mình xin cảm ơn!

2 ANSWERS


Answered May 8th, 2020 7:19 a.m.
+2

chữ chạy thì bạn có thể dùng tag <marquee></marquee>

còn dấu ... thì cùng css

{
    white-space: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

hoặc nếu bạn muốn dùng trên nhiều dòng thì có thể dùng cái này, nhưng tôi nhớ là nó bị lỗi trên một số trình duyệt thì phải, hình như là safari

{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
Share
Avatar hieu nguyen @hieuhumg
May 8th, 2020 7:22 a.m.

ồ, cảm ơn bác, để mình thử, k nghĩ có thẻ này luôn.

0
| Reply
Share
Answered May 8th, 2020 7:14 a.m.
-2

CSS có một thuộc tính là text-overflow: ellipsis, bạn tham khảo ở trang này nhé https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

Share
Avatar hieu nguyen @hieuhumg
May 8th, 2020 7:15 a.m.

Ẩn rồi nhưng cả phần chạy chữ cho hiển thị hết nội dung bác ah

0
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.