本文主要是介绍css控制文本最后用省略号代替,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
css控制文本 超过1行则最后用省略号代替
div{
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
white-space: nowrap;
}
css控制文本 超过3行则最后用省略号代替
div{
display: -webkit-box;
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
-webkit-line-clamp: 3;这个设置为显示3行,超过3行则最后用省略号代替,目前在移动设备上使用正常。
这篇关于css控制文本最后用省略号代替的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!