怎么让多出来的文字变成省略号呢?---css3属性之text-overflow

有时候文本内容比较多我们又不希望它全部显示,而是变成省略号时,就可以使用text-overflow这个属性。
text-overflow:clip | ellipsis
默认值:clip
适用于:所有元素
clip: 当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(…)。
这里有一件事情要注意,我在使用这个的时候发现只用text-overflow:ellipsis是不起作用的,需要再加上overflow:hidden 和white-space:nowrap(规定段落中的文本不进行换行:) 我查阅其他文章发现有的说还需要加上width:50%,我是没加,如果加上overflow:hidden 和white-space还是不起作用的同学可以试试加上

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值