word-wrap、white-space和word break的区别

本文主要是介绍word-wrap、white-space和word break的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. 转载于 http://jingyan.baidu.com/article/e75aca855b1500142edac6d0.html

2. 
   

3. 1、word-wrap:break-word;

   内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。

   

   
4. 2、word-break:break-all;

   用于处理单词折断。(注意与第一个属性的对比)

   

   
5. 3、white-space:nowrap;

   用于处理元素内的空白，只在一行内显示。

   

   
6. 4、overflow:hidden;

   超出边界的部分隐藏。

   

   
7. 5、text-overflow:ellipsis;

   超出部分显示省略号。

   

   
8. 
   

这篇关于word-wrap、white-space和word break的区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---