word-break和word-wrap

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

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

相关推荐
CyrusCJA3 小时前
毛玻璃效果
前端·css·css3
05Nuyoah1 天前
CSS文本和字体属性,列表属性
javascript·css·css3
Rabbit码工1 天前
HTML5 与 CSS3 新特性全解析:从结构优化到视觉升级
前端·css·css3·html5
王美丽1.851 天前
css3选择器
前端·css·css3
噜噜薯1 天前
HTML5和CSS3的核心新增特性及其语法
前端·css3·html5
王铁柱6661 天前
使用css3如何对动画进行延时操作?
前端·css·css3
海风总是软软的1 天前
CSS3伪类选择器详解
前端·css3
是上好佳佳佳呀2 天前
【前端(七)】CSS3 核心属性笔记:单位、背景、盒子模型与文本换行
前端·笔记·css3
爱上好庆祝3 天前
移动端适配
前端·css·学习·html·css3
ThridTianFuStreet小貂蝉4 天前
面试题4:讲一讲HTML5、CSS3新特性
前端·css3·html5