css超出一行显示省略号，超出多行显示省略号

css中超出一行显示省略号：

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

css中超出多行显示省略号：（栗子是超出4行显示省略号）

        -webkit-box-orient: vertical;

          -webkit-line-clamp: 4;

          display: -webkit-inline-box;

          display: -webkit-box;

          text-overflow: ellipsis;

            overflow: hidden;

如果遇到设置多行显示省略号不显示，可以尝试写成行内样式。