Страницы

Поиск по вопросам

понедельник, 18 марта 2019 г.

Как спрятать часть текста на CSS или кнопка“Еще”?

Есть блок в котором находится описание товара. Возможно ли сделать с помощью свойств CSS, если текст больше блока, то часть его скрывается и появляется кнопка, по нажатию на которую блок с текстом полностью открывается. Сейчас в голове только вариант с помощью overflow: hidden и js или label, input. менять высоту блока.


Ответ

Можно вот так сделать
button {outline: none;} .text { display: block; width: 300px; height: 10px; border: 1px solid black; padding: 5px; margin-top: 5px; outline: none; overflow: hidden; } .text:focus, button:focus ~ .text {height: auto;}

Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим!

Комментариев нет:

Отправить комментарий