word-break和word-wrap

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

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

相关推荐
feixing_fx2 天前
伪类与伪元素的魔法:纯 CSS 打造炫酷的按钮悬停特效
前端·css·css3
無限進步D4 天前
Java Web 前端 简介
java·开发语言·前端·css·html·css3·web
無限進步D4 天前
VSCode 简介+安装+JavaWeb前端常用插件+简单配置
java·开发语言·css·vscode·html·css3·插件
linsk19987 天前
妙用:focus解决0到auto高度过渡的边界场景
css3
EatFan9 天前
HTML前端利用flex解决input定位的问题
前端·css·html·css3
平头哥~10 天前
Day 20 _ 3D 翻卡_perspective 写错人,卡片就穿帮
前端·3d·css3·学习资料
平头哥~11 天前
Day 21 | animation 与 keyframes:把动画从 A 到 B 变成多点编排
前端·css·css3·css学习
toooooop811 天前
智慧文旅数字人体验平台demo html
css·css3
神膘护体小月半11 天前
mask 渐变遮罩属性
前端·css·css3
Z兽兽14 天前
行内块元素在垂直方向上对齐问题
css·html·css3