CSS: Многоточие для длинных строк

Добавить многоточие в конец строки с помощью CSS, если текст больше ширины контейнера.

 
   
<style>
.name {
	display: inline-block;
	white-space: nowrap; // запрет переноса строки
	overflow: hidden; // скрываем текст, выходящий за рамки контейнера
   	text-overflow: ellipsis; // показываем многоточие, если есть превышение
	max-width: 100px; // ограничиваем ширину контейнера
}
</style>
<span class="name">Человек с бульвара Капуцинов</span>

// Человек с б...

CSS 3 г. просмотров: 1.2k