テキストオーバーフロー省略記号

多行：

.multi-line{
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow:ellipsis;
}

シングルライン：

.one-line{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}