1, одна строка переполняется, а лишняя часть отображается... или перехватывается. Обязательное условие должно иметь ширину.
width:300px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
2. Многострочное переполнение
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;