Имеется некий блок с текстом с фиксированной высотой и шириной, и значением overflow: hidden;, то есть если текст не влазит в область он обрезается, нужно добавить многоточие в конец последней видимо строки. text-overflow работает только для однострочного текста.
Ответ
Для webkit-браузеров можно использовать такое решение
div {
border: 1px solid #000;
padding: 5px;
display: block;
display: -webkit-box;
max-width: 400px;
font-size: 20px;
-webkit-line-clamp: 4; /* количество строк */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
Многоточие (…) — знак препинания в виде нескольких (в русском языке трёх) поставленных рядом точек. Не путать с троеточием.
Троеточие (∴) — разделительный знак между словами или предложениями, использовавшийся в древних славянских и грузинских рукописях
Комментариев нет:
Отправить комментарий