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