word-break和word-wrap

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

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

相关推荐
黎金安5 小时前
前端第二次作业
前端·css·css3
Justinc.9 小时前
CSS3新增边框属性(五)
前端·css·css3
fruge9 小时前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
我要洋人死12 小时前
导航栏及下拉菜单的实现
前端·css·css3
荆州克莱1 天前
[FE] React 初窥门径(四):React 组件的加载过程(render 阶段)
spring boot·spring·spring cloud·css3·技术
前端Hardy1 天前
超萌!HTML&CSS:打造趣味动画卡通 dog
前端·css·html·css3
荆州克莱2 天前
VUE2升级成VUE3的优化与区别
spring boot·spring·spring cloud·css3·技术
我命由我123452 天前
CesiumJS 案例 P20:监听鼠标滚轮、监听鼠标左键按下与松开、监听鼠标右键按下与松开、监听鼠标左击落点
开发语言·前端·javascript·前端框架·html·css3·html5
顾辰呀2 天前
css 文字一行没有放满不进行换行
前端·javascript·css·vue.js·css3
nixiaoge2 天前
Web前端第二次作业
前端·javascript·css3