word-break和word-wrap

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

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

相关推荐
lljss202012 小时前
html文字红色粗体,闪烁渐变动画效果,中英文切换版本
css·html·css3
全栈陈序员1 天前
前端文件下载常用方式详解
前端·javascript·chrome·ajax·css3·html5·safari
普宁彭于晏1 天前
CSS3相关知识点
前端·css·笔记·学习·css3
站在风口的猪11082 天前
《前端面试题:CSS预处理器(Sass、Less等)》
前端·css·html·less·css3·sass·html5
lexiangqicheng2 天前
es6+和css3新增的特性有哪些
前端·es6·css3
站在风口的猪11082 天前
《前端面试题:CSS3新特性》
前端·css·html·css3·html5
喵手3 天前
CSS3 渐变、阴影和遮罩的使用
前端·css·css3
十年砍柴---小火苗3 天前
原生js操作元素类名(classList,classList.add...)
javascript·css·css3
站在风口的猪11083 天前
《前端面试题:CSS对浏览器兼容性》
前端·css·html·css3·html5
站在风口的猪11083 天前
《前端面试题:前端布局全面解析(圣杯布局、双飞翼布局等)》
前端·css·html·css3·html5