word-break和word-wrap

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

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

相关推荐
LQW_home2 天前
前端展示 接受springboot Flux数据demo
前端·css·css3
猴猴不是猴3 天前
js实现卷轴,中间可滑动方块,左右两侧对比
javascript·css·css3
乔冠宇4 天前
CSS3中的新增属性总结
前端·javascript·css3
i_am_a_div_日积月累_5 天前
JSON数据转Excel
json·excel·css3
与妖为邻6 天前
HTML5动态时间显示组件
javascript·css·css3
顾安r7 天前
11.20 开源APP
服务器·前端·javascript·python·css3
摇滚侠7 天前
HTML5,CSS3,开启浮动布局后,主轴和侧轴的概念
前端·css3·html5
EveryPossible8 天前
样式穿透问题
css3
这个一个非常哈8 天前
VUE篇之推送+瀑布流
css·vue.js·css3
qq_3985865412 天前
浏览器中内嵌一个浏览器
前端·javascript·css·css3