首页 > 代码库 > 文字打点

文字打点

一。单行文字打点:

  三个css属性一件套:

    white-space: nowrap;  // 不换行

    over-flow: hidden;  // 溢出隐藏

    text-overflow: ellipsis;  // 文本溢出打点

二、多行文字打点:

  (1)直接overflow: hiddne; 不打点

  (2)手动添加

  (3)在移动端上多行打点技术兼容性不好,尽量别用

      white-space: normal;

      -webkit-line-clamp: 3;

      display: -webkit-box;

      overflow: hidden;

      text-overflow: ellipsis;

      -webkit-box-orient: vertical;

文字打点