六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

word-break:break-all和word-wrap:break-word实现DIV内容超出自动换行

Admin | 2015-4-8 8:58:15 | ReadNums | 2378 | 标签 网页制作 | 打印本页
     

  如果在CSS中使用word-break:break-all和word-wrap:break-word,那么都可以取到强制换行的目的,让内容超出div宽度的会换行。但两者却存在区别,下为将为你介绍。

  1:word-break:break-all

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

  使用该属性,单词会被截断。

  2:word-wrap:break-word

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

  使用该属性,单词不会被截断。


问题未解决:在线咨询我要在线咨询问题

香港六合彩129

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日