Как обрезать текст?

Здравствуйте, необходимо обрезать текст ровно на половину, но не понимаю, как такое можно реализовать на CSS.
Пример: 5f6ea5c15dc4f322682932.png
Обрезанный пример: 5f6ea5f2b2a82796788868.png
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
JamesHatfield
@JamesHatfield
Front-end developer
Создайте div, установите ему нужную высоту, задайте свойство overflow: hidden, поместите в него текст. Например так.

<div class = 'a'>
	<h1>Hello</h1>
</div>


css:
.a{
height: 20px;
overflow: hidden;
}

.a h1{
margin: 0;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы