首页 > 代码库 > CSS空白符处理!

CSS空白符处理!

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

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

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

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

 

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

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

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

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

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

  

 

CSS空白符处理!