如何实现隐藏多余的字用省略号代替
来源：懂视网
责编：小采
时间：2020-11-27 18:50:05
如何实现隐藏多余的字用省略号代替
如何实现隐藏多余的字用省略号代替:在前端经常会遇到类似的效果。 比如图中的风花雪月与古镇火山-.....后面....就是一段文字显示不下的时候默认隐藏然后用…来代替。 只需要给元素加上以下3个css属性就可以实现了。 overflow: hidden;//多余的隐藏 text-overflow:el
导读如何实现隐藏多余的字用省略号代替:在前端经常会遇到类似的效果。 比如图中的风花雪月与古镇火山-.....后面....就是一段文字显示不下的时候默认隐藏然后用…来代替。 只需要给元素加上以下3个css属性就可以实现了。 overflow: hidden;//多余的隐藏 text-overflow:el
在前端经常会遇到类似的效果。 比如图中的“风花雪月与古镇火山-.....”后面“....”就是一段文字显示不下的时候默认隐藏然后用…来代替。
只需要给元素加上以下3个css属性就可以实现了。
overflow: hidden;//多余的隐藏
text-overflow:ellipsis;//多出来的用省略号代替
white-space: nowrap;//不换行
如何实现隐藏多余的字用省略号代替
如何实现隐藏多余的字用省略号代替:在前端经常会遇到类似的效果。 比如图中的风花雪月与古镇火山-.....后面....就是一段文字显示不下的时候默认隐藏然后用…来代替。 只需要给元素加上以下3个css属性就可以实现了。 overflow: hidden;//多余的隐藏 text-overflow:el
