Многоточие в конце строки на CSS
9 Февраля 2020 18:30:24
52 просмотра
Рассмотрим два варианта как можно при помощи CSS обрезать длинный однострочный или многострочный текст.
Вариант 1
В этом варианте из всего текста получится только одна строка с многоточием на конце.white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
Вариант 2
Если же нужно сделать многоточие, к примеру, на второй строке текста, используем следующий вариант. В свойстве -webkit-line-clamp указываем необходимое количество строк.display: -webkit-box; -webkit-line-clamp: 2; // количество строк -webkit-box-orient: vertical; overflow: hidden;
Материалы по теме
11 Декабря 2018 21:59:49
Мобильное меню для сайта на CSS и jQuery
На дворе время мобильных устройств, а значит каждый сайт должен иметь удобную адаптивную версию. Одной из важнейших составляющих адаптивной версии сайта является мобильное меню.
24 Марта 2018 14:00:56
Как защитить текст на сайте от копирования
Если у вас есть свой сайт, на котором вы пишите свои уникальные тексты и вы не хотите, чтобы ваши труды копировали недобросовестные владельцы других сайтов, то эта статья поможет вам чуть-чуть усложнить им задачу. Почему чуть-чуть? Да потому что, как ни крути, с любого сайта можно скопировать любой текст и скачать любое фото.
Комментарии ВКонтакте