word-break和word-wrap

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

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

相关推荐
Pilot-HJQ3 天前
固定 Element UI 表格表头的方法(超简单)
vue.js·学习·css3·html5
kilito_014 天前
数字时钟翻页效果
javascript·css·css3
码客前端5 天前
理解 Flex 布局中的 flex:1 与 min-width: 0 问题
前端·css·css3
程序员小李白5 天前
弹性盒子详细解析
前端·css·css3
Komorebi゛5 天前
【CSS】线性流动边框样式
前端·css·css3
be or not to be6 天前
CSS 背景(background)系列属性
前端·css·css3
.又是新的一天.6 天前
【前端Web开发HTML5+CSS3+移动web视频教程】01 html- 标签之文字排版、图片、链接、音视频
前端·css3·html5
lcc1877 天前
CSS3 伸缩盒模型
css3
hxjhnct7 天前
响应式布局有哪些?
前端·html·css3
梦6509 天前
【前端实战】图片元素精准定位:无论缩放,元素始终钉在指定位置
前端·html·css3