CHỈNH SỬA: Tìm hiểu! word-wrap:break-word; có nó là dành cho những người có cùng một vấn đề;)CSS - Cách thực hiện đường ngắt div
Vì vậy, tôi có div sau:
<div class="thing">
aaaaaaaaaaaa
</div>
Và css:
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
}
Vấn đề là khi tôi thêm nội dung nhiều , các văn bản đi ra khỏi div!
http://i.imgur.com/Xa51x2J.png
Cách khắc phục điều này chỉ bằng cách sử dụng css?
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
word-break:break-all;
}
sử dụng từ-break
Sự khác nhau giữa breakall và breakword là gì? –
break-all sẽ di chuyển từ của bạn sang dòng tiếp theo nếu nó không phù hợp với chiều rộng container nhưng ngắt từ sẽ phá vỡ từ để làm cho nó phù hợp với chiều rộng container. xem liên kết này http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break –
này xảy ra coze bạn không thêm không gian
chỉ cần thêm một không gian một số nơi giữa 'aa' như thế này> 'aaaaaa aaaaaa' không có từ với 12 ký tự
nhưng nếu bạn cần từ dài này thì hãy sử dụng
word-break:break-all;
'padding: 10px solid # 000;' ........ chỉ để xác minh, ý của bạn là ** border ** phải không? – Riskbreaker