网站标题或网页图文概念布局往往内容过长导致页面整体不协调，有些时候我们需要部分内容显示一行或两行后使用省略号代替多余的内容。

那么我们可以使用CSS3属性样式去实现，属性样式代码如下：

单行文字显示省略号属性代码

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

多行文字显示省略号属性代码,其中line-clamp属性值代表显示几行后加上省略

.multiple-wrap {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}