CSS设置文本不换行多余文字显示省略号

文章目录

一、使用步骤

1.文字单行不换行多余文字显示省略号

代码如下（示例）：

      white-space: nowrap;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;

2.文字多行不换行多余文字显示省略号

代码如下（示例）：

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;//行数