Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2015-4-8 8:58:15 | 被阅次数 | 4662

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如果在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整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。

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


该杂文来自: 网页制作杂文

上一篇:JS操作客户端文件夹与文件

下一篇:JS代码中的$是什么

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计