时间:2021-07-01 10:21:17 帮助过:34人阅读
在前端经常会遇到类似的效果。 比如图中的“风花雪月与古镇火山-.....”后面“....”就是一段文字显示不下的时候默认隐藏然后用…来代替。 只需要给元素加上以下3个css属性就可以实现了。
overflow: hidden;//多余的隐藏 text-overflow:ellipsis;//多出来的用省略号代替 white-space: nowrap;//不换行
以上就是如何实现隐藏多余的字用省略号代替 的详细内容,更多请关注Gxl网其它相关文章!
< 上一篇
CSS如何实现hover动态效果的示例代码
下一篇 >
如何用Bootstrap实现图片弹出放大
记住我的登录 忘记密码?
登录
我已阅读用户协议及版权声明
注册