Làm sao để text tự động thu nhỏ trong thẻ chứa nó

Chào anh chị, em đang tập làm 1 web học tập trong đó có phần FlashCard. Em gặp một vấn đề là lúc nhập nhiều chữ quá thì chứ sẽ bị tràn ra khỏi thẻ chứa của nó. Em có tham khảo FlashCard trên Quizlet thì lúc nhập nhiều chữ nó sẽ tự thu nhỏ lại và có thanh kéo lên xuống như trong hình
1 2

Em xin một số từ khóa về phần này. Mong được ac giúp đỡ. Em cảm ơn nhiều ạ.

Thanh đó được gọi là scroll bar, muốn có cái thanh dọc thì set overflow-y: scroll là có :kissing:

Ngoài ra thì nếu bạn muốn biết về style của trang thì mở DevTools ra là nhanh nhất.

3 Likes

Ak, em cảm ơn bác. Mà e có thắc mắc là lúc em nhập một lượng text không quá nhiều thì em thấy text trong cái thẻ đấy nó tự thu nhỏ lại, không biết làm như nào vậy ạ. Em chủ yếu làm về phần backend nên không rõ cái này lắm ạ. Mong bác chỉ giáo :innocent:

Chắc là họ dùng JS :thinking:. Bạn mở DevTools ra là biết :kissing:

3 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?