码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-05-16 19:16:56      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:显示   ccf   play   html   注意   elf   idt   bsp   get   

1、word-wrap:break-word;

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

技术分享
技术分享

2、word-break:break-all;

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

技术分享
技术分享
 

3、white-space:nowrap;

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

技术分享
技术分享
 

4、overflow:hidden;

超出边界的部分隐藏。

技术分享
技术分享
 

5、text-overflow:ellipsis;

超出部分显示省略号。

技术分享
技术分享

 

来自百度经验

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

标签:显示   ccf   play   html   注意   elf   idt   bsp   get   

原文地址:http://www.cnblogs.com/shih/p/6863075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!