word-break和word-wrap

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

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

相关推荐
Passion不晚9 小时前
打造民国风格炫酷个人网页:用HTML和CSS3传递民国风韵
javascript·html·css3
安冬的码畜日常11 小时前
【CSS in Depth 2 精译_032】5.4 Grid 网格布局的显示网格与隐式网格(上)
前端·css·css3·html5·网格布局·grid布局·css网格布局
佘小麦12 小时前
【HTML元素居中】元素水平垂直居中的常用方法
css·html·css3
GISer_Jing16 小时前
前端CSS学习框架
css·css3
荆州克莱2 天前
springcloud整合nacos、sentinal、springcloud-gateway,springboot security、oauth2总结
spring boot·spring·spring cloud·css3·技术
天高任鸟飞dyz2 天前
html加载页面
css·html·css3
好多吃的啊2 天前
文字阴影特效
css3
荆州克莱3 天前
杨敏博士:基于法律大模型的智能法律系统
spring boot·spring·spring cloud·css3·技术
Passion不晚4 天前
制作炫酷个人网页:用 HTML 和 CSS3 展现你的风格
前端·html·css3