Yêu cầu thg 5 8, 2020 7:10 SA 331 0 2
  • 331 0 2
0

Hiệu ứng chạy chữ jquery

Chia sẻ
  • 331 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 CÂU TRẢ LỜI


Đã trả lời thg 5 8, 2020 7:19 SA
+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;  
}
Chia sẻ
Avatar hieu nguyen @hieuhumg
thg 5 8, 2020 7:22 SA

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

Đã trả lời thg 5 8, 2020 7:14 SA
-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

Chia sẻ
Avatar hieu nguyen @hieuhumg
thg 5 8, 2020 7:15 SA

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

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí