今天一组排版文字太多需要隐藏并且显示省略号,知道css3中overflow与text-overflow使用,但只有隐藏并没有省略号,第一次把这两个组合起来用,后面加了<nobr>不换行,所以OK了。下面贴出源码:
#pcss {width:150px;height:24px;
overflow:hidden;text-overflow:ellipsis;
}
<p id="pcss"><nobr> 显示不完显示省略号,测试内容</nobr></p>
今天一组排版文字太多需要隐藏并且显示省略号,知道css3中overflow与text-overflow使用,但只有隐藏并没有省略号,第一次把这两个组合起来用,后面加了<nobr>不换行,所以OK了。下面贴出源码:
#pcss {width:150px;height:24px;
overflow:hidden;text-overflow:ellipsis;
}
<p id="pcss"><nobr> 显示不完显示省略号,测试内容</nobr></p>