CSS超出文字用省略号代替(改进)

作者:赵金添 分类: 前端 发布于:2014-2-7 14:38 ė1253次浏览 60条评论
<style>
.ui-ellipsis {
width:200px;

/*设置不折行*/
white-space:nowrap;

/*省略号*/
text-overflow:ellipsis;

/*设置超过的隐藏*/
overflow: hidden;
}
</style>
<div class="ui-ellipsis">
超出文字用省略号代替,吧吧吧吧吧吧吧
</div>

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部