Weinaum
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
приветствую,
есть такая маленькая хитрость, которая позволяет средствами css сокращать длинные(многострочные)заголовки.
Например, если заголовкам в несколько строк задать white-space: nowrap; то увидим только первую строку этого заголовка.
Для того, чтобы отображалась не одна, а 2 -3 или любое другое число строк, нашел решение вот такое -
Код: h1 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3; //для 3 строк
-webkit-box-orient: vertical;
font-size:100%;
}
|
однако это работает только в хроме. Возможно еще где то, но в фф и ие точно нет.
Понятно, что в принципе эта задача для ограничения вывода знаков в php решается быстрее, но все же, есть ли еще какие то варианты?
|
