当前位置: 首页 > Web前端 > CSS

CSS文字省略显示

时间:2023-03-31 00:54:16 CSS

当页面上的文字过多时,往往需要省略显示,CSS可以很方便地做到这一点。单行文字省略号显示宽度:68%;//需要修复宽度overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行文本省略号显示(适用于WebKit浏览器和移动端)显示:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;//设置要显示的行数overflow:hidden;