在CSS中有一个非常重要但对于初学者又非常容易忽略的属性:
white-space:nowrap; //文本不换行属性
这里附带说一下W3CSchool中对white-space的解释:
white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。
我要说的是其中用到最多的一个属性"nowrap"，在文本中添加内容后，页面的缩放会引起文本不在同一行中显示
那要如何解决这个问题呢?1.利用此属性便可轻松解决
2.如果想要超出的文本以省略号的形式显示又如何操作呢?
text-overflow: ellipsis;
overflow: hidden;
white-space：nowrap；
同时输入上述三行代码即可实现，注意:三行缺一不可！