CSS - Nasıl div break çizgisi yapmak

Question

DÜZENLEME: Şekil dışarı! aynı sorun var kim içindir orada word-wrap:break-word;;) Böylece

Aşağıdaki div:

<div class="thing"> 
aaaaaaaaaaaa 
</div> 

Ve css: Çok içeriğe eklerken

.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
} 

sorundur , metin divdan dışarı gidiyor!

http://i.imgur.com/Xa51x2J.png

nasıl sadece css kullanarak bu sorunu gidermek için?

Answer 1

.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
word-break:break-all; 
} 

kullanım word-break bu

sadece bazı yerlerde bu> 'aaaaaa aaaaaa' gibi 'aa' arasına boşluk eklemek boşluk

ekleyerek değildir coze yoktur başına gelen

Answer 2

Bu kadar uzun kelimeyi gerekiyorsa 12 karakteri ile sözcük

ama sonra kullanmak

word-break:break-all;