word-break和word-wrap

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

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

相关推荐
小菜全8 小时前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
心一信息10 小时前
ThreeJS骨骼示例
css·css3·html5
蔗理苦3 天前
2025-09-05 CSS4——浮动与定位
开发语言·前端·css·html·css3
蔗理苦3 天前
2025-09-05 CSS3——盒子模型
前端·css·css3
前端与小赵5 天前
渐变背景色和渐变字体颜色的实现方法
css·html·css3
Mo_jon5 天前
CSS 瀑布流图片简易实现
前端·css·css3
晓风残月淡6 天前
Mermaid流程图更改样式的方法
css·流程图·css3
星月前端6 天前
css3元素倒影效果属性:box-reflect
前端·css·css3
十一.3666 天前
171-178CSS3新增
前端·javascript·css3
Bling_Bling_17 天前
面试常考css:三列布局实现方式
前端·html·css3