word-break和word-wrap

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

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

相关推荐
没有钱的钱仔1 天前
STM32低功耗模式全面指南
css·stm32·css3
涔溪2 天前
HTML5 实现的圣诞主题网站源码,使用了 HTML5 和 CSS3 技术,界面美观、节日氛围浓厚。
css3·html5·节日
失落的多巴胺3 天前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
哎呦你好3 天前
【CSS】Grid 布局基础知识及实例展示
开发语言·前端·css·css3
路光.16 天前
加载动画
css·html·css3
年纪轻轻就扛不住17 天前
css3 文本效果(text-shadow、text-overflow、word-wrap、word-break)文本阴影、文本换行、文本溢出并隐藏显示省略号
前端·word·css3
陶甜也17 天前
threejs 实现720°全景图,;两种方式:环境贴图、CSS3DRenderer渲染
前端·vue.js·css3·threejs
sunshine64118 天前
【CSS】实现文本颜色渐变
css·html·css3
青鸾@18 天前
照片墙html
css·html·css3
JiaLin_Denny18 天前
css3 背景色渐变
css3·背景色·线性渐变·linear-gradient·背景色渐变