{ 样式 }

  • 多段落多行文本溢出省略号的实现

    |

    有时候我们需要实现多行文本溢出显示省略号的效果
    例如:
    目标效果

    这个效果可以通过webkit的私有属性实现，以上限三行为例：

    1
    2
    3
    4
    5
    6
    .multi-line {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          }

    对于单个段落这个样式就够用了，但是当有多个段落时情况就不一样了

    Read On »