码迷,mamicode.com
首页 > Web开发 > 详细

css 字符多出 省略号代替

时间:2014-09-24 14:24:07      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:normal   color   下划线   用户   如何   

<p style="width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">省略我吧 省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧</p>

white-space属性


white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

默认值:normal
继承性:yes
版本:CSS1
JavaScript 语法:object.style.whiteSpace="pre"



text-decoration定义和用法

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

默认值:none
继承性:no
版本:CSS1
JavaScript 语法:object.style.textDecoration="overline"
/*字符多出省略*/        overflow:hidden;        text-overflow: ellipsis;        white-space: nowrap;


css 字符多出 省略号代替

标签:normal   color   下划线   用户   如何   

原文地址:http://kinpui.blog.51cto.com/6062354/1557566

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!