位置: IT常识 - 正文
最多显示2行文字,多余的省略显示。(最多显示2行文字怎么弄)
编辑：rootadmin最多显示2行文字,多余的省略显示。 
本文链接地址:https://www.jiuchutong.com/zhishi/297819.html
转载请保留说明！
推荐整理分享最多显示2行文字,多余的省略显示。(最多显示2行文字怎么弄)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:显示几行,最多显示2行文字怎么弄,最多显示2行文字怎么弄,最多显示2行文字怎么弄,最多显示2行文字怎么弄,最多显示2行文字的软件,最多显示2行文字的软件,最多显示2行文字怎么弄,内容如对您有帮助，希望把文章链接给更多的朋友！
前端在 CSS 中最多显示 2 行文字，可以使用 overflow: hidden 和 text-overflow: ellipsis 属性，并设置一个高度限制。
例如：
.box { overflow: hidden; text-overflow: ellipsis; // 只要超过宽度就换行，不论中文还是英文 word-break: break-all; //最多展示两行 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;//根据样式设置 line-height: 1.2em; max-height: 2.4em;}这样，如果文本需要更多的行数才能完全显示，则会省略多余的文本并在末尾显示省略号（...）。
下一篇：【微信小程序】一文带你了解数据绑定、事件绑定以及事件传参、数据同步(微信小程序怎么制作自己的小程序)
