注册 登录
橘汁仙剑网 返回首页

橘汁的个人空间 https://ojpal.com/?1 [收藏] [复制] [分享] [RSS]

日志

自动强行换行word-break:break-all和word-wrap:break-word的区别

已有 1071 次阅读2010-2-6 18:29 |个人分类:学习笔记

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行

它们的区别就在于:

1,word-break:break-allr。

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

2,word-wrap:break-word

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

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册

联系我们|小黑屋|手机版|排行榜|橘汁仙剑网 ( 浙ICP备18045743号-1

GMT+8, 2022-12-10 18:11 , Processed in 0.094379 second(s), 8 queries , MemCache On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

返回顶部