Cách giới hạn chiều rộng văn bản

Question

Tôi muốn giới hạn chiều rộng của một khối văn bản sao cho nó trông giống như nó có br ở đầu của mỗi dòng.

Something như thế này:

Texttttttttttttttttttttt 
tttttttttttttttttttttttt 
tttttttttttttttttttttttt 

Từ này:

Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

Tôi đã cố gắng để xác định của div hoặc chiều rộng p, nhưng nó đã không làm việc cho tôi. Bất kỳ đề xuất?

Answer 1

Bạn có thể áp dụng css như thế này:

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

Thông thường trình duyệt không phá vỡ lời, nhưng word-wrap: break-word; sẽ buộc nó để phá vỡ lời quá.

Demo: http://jsfiddle.net/Mp7tc/

Thông tin thêm về word-wrap

Answer 2

Hãy thử

<div style="max-width:200px; word-wrap:break-word;">Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt</div> 

Answer 3

Bạn có thể sử dụng word-wrap : break-word;

Answer 4

sở hữu sử dụng css word-wrap: break-word;

xem ví dụ ở đây: http://jsfiddle.net/emgRF/

Answer 5

Hãy thử điều này:

<style> 
p 
{ 
    width:100px; 
    word-wrap:break-word; 
} 
</style> 

<p>Loremipsumdolorsitamet,consecteturadipiscingelit.Fusce non nisl 
non ante malesuada mollis quis ut ipsum. Cum sociis natoque penatibus et magnis dis 
parturient montes, nascetur ridiculus mus. Cras ut adipiscing dolor. Nunc congue, 
tellus vehicula mattis porttitor, justo nisi sollicitudin nulla, a rhoncus lectus lacus 
id turpis. Vivamus diam lacus, egestas nec bibendum eu, mattis eget risus</p> 

Answer 6

Tôi nghĩ rằng những gì bạn đang cố gắng làm là để bọc văn bản dài mà không có dấu cách.

xem xét điều này: Hyphenator.js và đó là demo.

Answer 7

<style> 
    p{ 
     width:  70% 
     word-wrap: break-word; 
    } 
</style> 

Điều này không hoạt động trong trường hợp của tôi. Nó hoạt động tốt sau khi thêm phong cách sau đây.

<style> 
    p{ 
     width:  70% 
     word-break: break-all; 
    } 
</style> 

Answer 8

display: inline-block; 
max-width: 80%; 
height: 1.5em; 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;