Tách từ dài bằng CSS

Question

Tôi có tình huống có thể có các từ dài như 'hellowordsometext' hoặc số nguyên như '1234567891122' mà không có bất kỳ khoảng trống nào ở giữa. kiểm tra này js xin vui lòng. http://jsfiddle.net/rzq5e/6/

làm cách nào để có thể chia nhỏ dòng tiếp theo sau khi đạt đến chiều rộng div. những gì xảy ra bây giờ là, nó kéo dài ra ngoài cùng với div thứ

<div>Solutionforentprise</div> 

Answer 1

gì bạn cần là word-wrap: break-word;, khách sạn này sẽ buộc các phi chuỗi cách nhau để phá vỡ bên trong div

Demo

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

Answer 2

Sửa kích thước của DIV và áp dụng 'overflow: hidden' do đó nó sẽ không ảnh hưởng đến kích thước lưới của tất cả na.

div{width: 40px; 
overflow: hidden;} 

bạn có cần xem toàn bộ văn bản không?

Answer 3

đưa ra một id hoặc lớp để div của bạn

sau đó

#divid 
{ 
width: 30px; 
word-wrap: break-word; 
} 

word-wrap được hỗ trợ trong IE 5.5+, Firefox 3.5+, và trình duyệt WebKit như Chrome và Safari, Opera 10,5 + .

Answer 4

Tôi đã tự tìm ra giải pháp này.

word-break: break-all; 

nhưng không hoạt động đối với Opera.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

Answer 5

Như thế này

DEMO

CSS

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