84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
div+css怎么强制换行和不换行？
How to force line breaks or not in div+css? -PHP Chinese website Q&A-How to force line breaks or not in div+css? -PHP Chinese website Q&A
Let’s take a look and learn.
1. 强制不换行，同时以省略号结尾。
你好朋友朋友朋友
2. css自动换行
p{ word-wrap: break-word; word-break: normal; }
3. css强制英文单词断行
p{word-break:break-all;}
若是p嵌套，要使内层p根据内容自动换行，则可只设置外层的p宽，和 white-spance:nowrap即可。
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于：1，word-break:break-all 例如p宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
How to force line breaks or not in div+css? -PHP Chinese website Q&A-How to force line breaks or not in div+css? -PHP Chinese website Q&A
Let’s take a look and learn.
1. 强制不换行，同时以省略号结尾。
2. css自动换行
p{ word-wrap: break-word; word-break: normal; }3. css强制英文单词断行
p{word-break:break-all;}若是p嵌套，要使内层p根据内容自动换行，则可只设置外层的p宽，和 white-spance:nowrap即可。
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行
它们的区别就在于：
1，word-break:break-all 例如p宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。
2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。