Metin genişliği nasıl sınırlanır

Question

Bir metin bloğunun genişliğini sınırlamak isterim, böylece her satırın başında br gibi görünür. Böyle

şey: Bundan

Texttttttttttttttttttttt 
tttttttttttttttttttttttt 
tttttttttttttttttttttttt 

:

Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

div 's veya p genişliğini belirtmek için çalıştık, ama benim için işe yaramadı. Baska öneri?

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

Genellikle tarayıcı kelimeleri kırmak değildir, ancak word-wrap: break-word; çok kelimeleri kırmak için zorlar:

Answer 1

deneyin.

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

diğer bilgiler hakkında word-wrap

Answer 2

Böyle css uygulayabilirsiniz

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

Answer 3

kullanabilirsiniz word-wrap : break-word;

Answer 4

kullanımı css özelliği word-wrap: break-word;

burada örnek bakın: http://jsfiddle.net/emgRF/

Answer 5

bu deneyin:

<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

Yapmaya çalıştığınız şey uzun metinleri boşluk olmadan sarmak olduğunu düşünüyorum.

şuna bakın: Hyphenator.js ve demo.

Answer 7

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

Bu benim durumumda çalışmıyordu. Aşağıdaki stili ekledikten sonra iyi çalıştı.

<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;