word-break和word-wrap

1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。

2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,如果还是放不下,就会截断。

相关推荐
神明不懂浪漫1 天前
【第三章】CSS(一)——基础选择器、CSS的属性
前端·css·html·css3
智码看视界1 天前
老梁聊全栈:CSS3 高级特性—Flex/Grid 布局体系深度解析
前端·css3·布局·flexbox·grid·工程实践·全栈工程师
gz-郭小敏2 天前
优化横向滚动展示大量数据的时候数据晃动问题
前端·javascript·html·css3
贩卖黄昏的熊3 天前
flex 布局快速梳理
开发语言·javascript·css3·html5
川冰ICE4 天前
JavaScript实战④|天气查询应用,调用API与异步处理
javascript·css·css3
2501_918126914 天前
一个上帝类程序作画
前端·css·css3
#麻辣小龙虾#5 天前
小学三年级语文小游戏
css·html·css3
Agatha方艺璇5 天前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web
2501_918126916 天前
小圆点踢足球
css·html·css3
2501_918126916 天前
火柴人踢任意球
javascript·css·css3