首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-08-04 
CSS设置文字超出范围时显示省略号...1、创建CLASS.hideNoticeText{width: 230pxoverflow: hiddenwhite-sp

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

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

热点排行