CSS中允许文字内容自动换行主要有两种方式：
1.word-wrap属性
word-wrap属性是CSS3中新增的属性，用于规定文本是否可以跨行。它的取值有normal和break-word，其中normal表示文本不允许跨行，break-word表示文本可以跨行，但是只能在单词内部换行，不能在单词之间换行。
.wrap{
word-wrap: break-word;
}
2.white-space属性
white-space属性是CSS2中新增的属性，用于规定文本是否可以跨行。它的取值有normal、pre、nowrap、pre-wrap和pre-line，其中normal表示文本不允许跨行，pre表示文本可以跨行，但是只能在单词内部换行，不能在单词之间换行，nowrap表示文本不允许跨行，pre-wrap表示文本可以跨行，但是只能在单词内部换行，也可以在单词之间换行，pre-line表示文本可以跨行，但是只能在单词内部换行，也可以在单词之间换行，但是不能在标点符号之间换行。
.wrap{
white-space: pre-wrap;
}
以上就是CSS中允许文字内容自动换行的两种方式，使用起来非常方便，可以让文本更加美观。
千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。
京公网安备 11010802030320号