Làm cách nào để tạo văn bản đi lên dòng tiếp theo nếu nó tràn?

Question

Tôi đã thử word-wrap: break-word;, nhưng nó tách dòng giữa.

Answer 1

Miễn là bạn chỉ định chiều rộng trên phần tử, nó sẽ tự bọc chính nó mà không cần bất kỳ thứ gì khác.

Answer 2

Để sử dụng word-wrap: break-word, bạn cần đặt chiều rộng (bằng px). Ví dụ:

div { 
    width: 250px; 
    word-wrap: break-word; 
} 

từ bọc là thuộc tính CSS3, nhưng nó sẽ hoạt động trong tất cả các trình duyệt, bao gồm IE 5.5-9.

Answer 3

word-wrap: break-word; 

thêm video này vào container của bạn rằng nên làm các trick