css 最多显示2行文字的方法
要在 CSS 中最多显示 2 行文字,您可以使用 overflow: hidden
和 text-overflow: ellipsis
属性,并设置一个高度限制。
例如:
cssCopy code.ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.2em; max-height: 2.4em; }
这样,如果文本需要更多的行数才能完全显示,则会省略多余的文本并在末尾显示省略号(...)。
若文章对您有帮助,帮忙点个赞!
(微信扫码即可登录,无需注册)