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

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

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

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

 

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

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

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

　　　　　　　　　　　　　　　　　  text-overflow: ellipsis;

                              　　　　　　overflow: hidden;

                              　　　　　　white-space：nowrap；

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