`
forever_8601
  • 浏览: 11734 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS设置文字超出范围时显示省略号...

    博客分类:
  • CSS
 
阅读更多
1、创建CLASS
.hideNoticeText{
        width: 230px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
2、将CLASS应用到相应的文本标签上
    <div class="hideNoticeText"></div>

说明:div设置的宽度为230个像素,如果div中的文本超出这个宽度后就会以“...”进行显示
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics