word-break和word-wrap

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

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

相关推荐
溪语流沙3 天前
【每天一个CSS | Day18】会摆动的拟物怀表:黄铜、皮革与催眠摆
前端·css3·html5
传人once3 天前
选择文件按钮样式如何美化
前端·html·css3·jquery·html5
我命由我1234521 天前
CSS - CSS 媒体查询 orientation
前端·javascript·css·html·css3·html5·js
feixing_fx25 天前
伪类与伪元素的魔法:纯 CSS 打造炫酷的按钮悬停特效
前端·css·css3
無限進步D1 个月前
Java Web 前端 简介
java·开发语言·前端·css·html·css3·web
無限進步D1 个月前
VSCode 简介+安装+JavaWeb前端常用插件+简单配置
java·开发语言·css·vscode·html·css3·插件
linsk19981 个月前
妙用:focus解决0到auto高度过渡的边界场景
css3
EatFan1 个月前
HTML前端利用flex解决input定位的问题
前端·css·html·css3
平头哥~1 个月前
Day 20 _ 3D 翻卡_perspective 写错人,卡片就穿帮
前端·3d·css3·学习资料
平头哥~1 个月前
Day 21 | animation 与 keyframes:把动画从 A 到 B 变成多点编排
前端·css·css3·css学习