CSS空白符处理!

2017-04-25 20:12 心猿意‘码’ 阅读(894) 评论(0) 编辑收藏举报

在CSS中有一个非常重要但对于初学者又非常容易忽略的属性:

　　white-space:nowrap;　　//文本不换行属性

这里附带说一下W3CSchool中对white-space的解释:

　　white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。

我要说的是其中用到最多的一个属性"nowrap"，在文本中添加内容后，页面的缩放会引起文本不在同一行中显示

　　那要如何解决这个问题呢?1.利用此属性便可轻松解决

　　　　　　　　　　　　　 2.如果想要超出的文本以省略号的形式显示又如何操作呢?

　　　　　　　　　　　　　　　　　 text-overflow: ellipsis;
　　　　　　overflow: hidden;
　　　　　　white-space：nowrap；

　　　　　　　　　　　　同时输入上述三行代码即可实现，注意:三行缺一不可！