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

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

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

你可能感兴趣的:(css)