首页 > 代码库 > CSS空白符处理!
CSS空白符处理!
在CSS中有一个非常重要但对于初学者又非常容易忽略的属性:
white-space:nowrap; //文本不换行属性
这里附带说一下W3Cschool中对white-space的解释:
white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。
我要说的是其中用到最多的一个属性"nowrap",在文本中添加内容后,页面的缩放会引起文本不在同一行中显示
那要如何解决这个问题呢?1.利用此属性便可轻松解决
2.如果想要超出的文本以省略号的形式显示又如何操作呢?
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
同时输入上述三行代码即可实现,注意:三行缺一不可!
CSS空白符处理!
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。