word-break和word-wrap

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

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

相关推荐
Filotimo_1 天前
2.CSS3.(3).html
前端·css3
Pu_Nine_93 天前
教程: 在网页中利用原生CSS实现3D旋转动画
css·3d·css3
Ares-Wang3 天前
CSS3》》 transform、transition、translate、animation 区别
前端·css·css3
西洼工作室10 天前
浏览器事件循环与内存管理可视化
前端·javascript·css·css3
皮蛋瘦肉粥_12111 天前
pink老师html5+css3day06
前端·css3·html5
whltaoin12 天前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
皮蛋瘦肉粥_12116 天前
pink老师html5+css3day02
前端·css3·html5
qianmo202117 天前
基于any2web+deepseek实现对三角函数定义的理解
css·html·css3
我不是程序媛lisa19 天前
前端正确处理“文字溢出”的思路与最佳实践
前端·css3
患得患失94924 天前
【ThreeJs】【HTML载入】Three.js 中的 CSS2DRenderer 与 CSS3DRenderer 全面解析
javascript·html·css3