当前位置: 代码迷 >> HTML/CSS >> CSS设立文字超出范围时显示省略号.
  详细解决方案

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

热度:93   发布时间:2013-08-04 18:26:16.0
CSS设置文字超出范围时显示省略号...
1、创建CLASS
.hideNoticeText{
        width: 230px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
2、将CLASS应用到相应的文本标签上
    <div class="hideNoticeText"></div>

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