CSS实现文字省略

1、首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏。

width: 245px;/*一定要设置固定宽度*/
overflow: hidden;/*不显示超过对象尺寸的内容,就是把超出的部分隐藏了*/

2、设置文本缩略的样式为"..."

white-space: nowrap;/*表示文本不会换行,在同一行继续,直到遇到标签为止*/
text-overflow: ellipsis;/*当文本对象溢出是显示...,当然也可是设置属性为clip不显示...*/
==>如有问题,请联系我:easonjim#163.com,或者下方发表评论。<==
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值