EDYTOWANIE: Wykreśl to! word-wrap:break-word; tam jest za, kto ma ten sam problem;)CSS - jak zrobić linię podziału div
Więc mam następujący Gr:
<div class="thing">
aaaaaaaaaaaa
</div>
a CSS:
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
}
Problemem jest to, kiedy dodać do dużo treści , tekst wychodzi z div!
http://i.imgur.com/Xa51x2J.png
Jak rozwiązać ten problem przy użyciu tylko CSS?
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
word-break:break-all;
}
wykorzystanie słowo-break
Jaka jest różnica między breakallem a breakword? –
break-all przeniesie twoje słowo do następnego wiersza, jeśli nie pasuje do szerokości kontenera, ale słowo-przerwie przerywa słowo, aby pasowało do szerokości kontenera. zobacz ten link http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break –
to zdarzyć Coze nie dodajesz przestrzeń
wystarczy dodać przestrzeń gdzieś pomiędzy 'AA' jak ten> 'aaaaaa aaaaaa' nie ma słowo z 12 charakterze
ale jeśli trzeba to długie słowo następnie użyć
'padding: 10px solid # 000;' ........ tylko w celu weryfikacji, masz na myśli ** border ** right? – Riskbreaker