84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
div+css怎么强制换行和不换行?
Comment forcer ou non le wrapper div+css ? -Questions et réponses sur le site Web chinois PHP -Comment forcer ou non les sauts de ligne dans div+css ? - Questions et réponses sur le site Web chinois PHP
Veuillez regarder et apprendre.
1. 强制不换行,同时以省略号结尾。
<p style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" >你好朋友朋友朋友</p>
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整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。
Comment forcer ou non le wrapper div+css ? -Questions et réponses sur le site Web chinois PHP -Comment forcer ou non les sauts de ligne dans div+css ? - Questions et réponses sur le site Web chinois PHP
Veuillez regarder et apprendre.
1. 强制不换行,同时以省略号结尾。
2. css自动换行
3. css强制英文单词断行
若是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整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。