image.png
max-height: 3.6rem; //最大高度限制2行
display: inline-block;
overflow: hidden;
position: absolute;
text-align: center;
width: 8rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);//利用自身宽高居中
多行文字垂直居中，超出隐藏
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 这里要说的是文本超出多行才隐藏文字并且显示省略号而不是超出一行就省略。 首先大家要了解一些基本的文本文字属性的设定...
- https://www.cnblogs.com/chen-cong/p/8076442.html https://...
- 大小不固定的图片和多行文字的垂直水平居中一、大小不固定，多行文字的垂直居中① 单行文字可能很多人都知道如何让单行文...
