Показать сообщение отдельно
  #2 (permalink)  
Старый 28.04.2021, 13:55
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от mediafoks
Если длина параграфа больше "N" символов, то обрезать его до "N" символов и в конце добавить троеточие, и при клике на сам параграф показывать отрезанное содержимое (т.е. весь параграф целиком). А при повторном клике опять скрывать.
Как вариант...

<style>
.short {
	width: 200px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
</style>
<p class="paragraph short">
	ipsum dolor sit amet consectetur adipisicing elit. Labore enim explicabo accusamus
	eveniet illum possimus nam veniam debitis omnis suscipit ex officiis praesentium harum laborum neque
	culpa, ipsam porro! Quisquam officiis distinctio excepturi autem quo eligendi adipisci, mollitia
	quibusdam rem id dolore magnam, eius minima saepe aspernatur possimus laborum facere!
</p>
<script>
document.querySelector('p').addEventListener('click', (e) => {
	e.target.classList.toggle("short")
})
</script>

Последний раз редактировалось ksa, 28.04.2021 в 13:59.
Ответить с цитированием