行数超えたら「...」で省略

1行の場合

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

複数行の場合

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