Каким образом можно вставить троеточие в начало текста?

Question

Илиан

html , tilda , javascript , css

Каким образом можно вставить троеточие в начало текста?

Как сделать так, чтобы в закрытом состоянии текста на кнопке "Подробнее" отображалось многоточие в первой строчке, но при раскрытии блока текста многоточие исчезало?

31 июля 2024 г. 12:13

Ответы на вопрос 2

Похожие вопросы

Answer 1

1. Для вставки троеточия в начало текста можно использовать специальный символ Unicode — U+2026 (горизонтальная многоточия). В HTML-коде это будет выглядеть примерно так: &#x2026; или &hellip;.
Пример:
```html
<p>&hellip;Текст</p>
```

2. Для реализации ситуации с кнопкой "Подробнее" можно использовать CSS. Например, можно применить свойство before к кнопке, чтобы вставить многоточие перед текстом. При нажатии на кнопку, используя JavaScript или CSS псевдокласс :active, можно изменить стиль кнопки и скрыть многоточие.
Пример:
```html
<button class="more">Подробнее</button>
<style>
.more::before {
  content: "&hellip; ";
}
.more:active::before {
  content: "";
}
</style>
```

Answer 2

Если строка одна, то в закрытом состоянии 
 
 .closed {
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}