Многоточие в конце строки на CSS
9 февраля 2020 18:30:24
17745 просмотров
Рассмотрим два варианта как можно при помощи 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;
Материалы по теме
13 июля 2018 15:23:52
Плавная прокрутка к элементам и началу страницы
При разработке лендингов (Landing Page) довольно часто можно увидеть плавный скролл (прокрутку) к блокам или элементам страницы. Так же, практически на любом сайте можно встретить зафиксированную на странице кнопочку, при клике на которую пользователь быстро возвращается в начало страницы. Сейчас мы и рассмотрим как делаются такие навороты.
16 марта 2018 11:38:03
Запрещаем ввод любых символов кроме цифр в input
Очень часто для полей нужно запретить ввод любых символов кроме цифр. Это мы сейчас и сделаем при помощи библиотеки jQuery.
Комментарии ВКонтакте