word-break和word-wrap

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

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

相关推荐
咕噜咕噜啦啦5 天前
CSS3基础
前端·css·css3
沙丁鱼意大利面6 天前
五子棋(javascript)
javascript·css·css3
想起你的日子6 天前
CSS3 弹性盒子(Flex Box)
前端·css3
萧曵 丶6 天前
CSS3 业务开发高频样式
前端·css·css3
Y淑滢潇潇8 天前
WEB 作业 三个练习题
前端·javascript·css3
码上出彩9 天前
H5+CSS3响应式设计实战:基于Flex布局的适配方案
前端·css·css3
你说爱像云 要自在漂浮才美丽9 天前
【HTML5与CSS3】
前端·css3·html5
倪枫9 天前
CSS3——文本样式(字体样式和文本布局)
前端·css·css3
ヤ鬧鬧o.10 天前
HTML安全密码备忘录
前端·javascript·css·html·css3
光影少年10 天前
flex布局和grid布局区别,实现两边固定布局中间自适应
前端·css3·web·ai编程