自动隐藏过长文本

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

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

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

  • display:-webkit-box

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

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

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

你可能感兴趣的:(自动隐藏过长文本)