标识符串太长CSS截取过剩文本并用省略号显示信

2021-01-20 08:53 jianzhan
近期才了解css也是有这么叼炸天的1面~~~

做个相近论坛的网页页面,客户头像70px,可是客户名无法限制啊,英文汉语都可以以,你说他如果取个“我的姓名好长呀,你应该怎么办呢”,那老衲不就狂急了~~

幸亏,老衲于悲剧中的万幸中发现了css这么叼炸天的1面,之前1直不知道道,写出来共享给大伙儿

很简易,话很少说,立即上编码:

css里边以下设定:

拷贝编码
编码以下:

a.name{
line-height: 30px;
text-align: center;
<span style="color:#ff0000;">text-overflow:ellipsis;</span>//让超过的用...完成
<span style="color:#ff0000;">white-space:nowrap;</span>//严禁换行
<span style="color:#ff0000;">overflow:hidden;</span>//超过的掩藏
display: block;
}

我是用a标识写的客户名,因此要display:block1下。

唔,很简易,但是很功能强大。(PS:不适用IE6!)