自动隐藏过长文本

开发中遇到了类似于个人简介等文本过长的情况， 规定文本显示两行。 过长文本隐藏并用省略号表示。

  • overflow:hidden : 超出的文本隐藏

  • text-overflow:ellipsis : 溢出用省略号显示

  • display:-webkit-box

  • webkit-box-orient:vertical ：伸缩盒子的子元素排列方式， 垂直

  • webkit-line-clamp:2 ： 设置显示的行数。

如果是一行的话：将后面三个属性换为：white-space:nowrap; //溢出不换行。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容