Заголовок новости или чего угодно может оказаться слишком длинным для отведенного ему места. Допустим из эстетических соображений я не хочу разрешать ему занимать вторую и т.д. строку.
Вопрос для гуру: Как средствами одного только CSS в случае невлезания показать троеточие в конце строки?
новые сообщения
ответы на мои сообщения
избранное
скрытые темы
случайный топик
открыть всё в новых вкладках
Форум → Разработка → Клиентская сторона → Верстка и оформление → Как оформить слишком длинную строку средствами CSS
Как оформить слишком длинную строку средствами CSS
-
Сообщения:
5147
Репутация:
N
Группа:
в ухо
-
Сообщения:
2008
Репутация:
N
Группа:
Кто попало
25 октября 2012 г. 14:15, спустя 5 минут 22 секунды
-
Сообщения:
5147
Репутация:
N
Группа:
в ухо
-
Сообщения:
2008
Репутация:
N
Группа:
Кто попало
25 октября 2012 г. 14:17, спустя 13 секунд
.company-wrap ul li {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url( 'bindings.xml#ellipsis' );
white-space: nowrap;
overflow: hidden;
} -
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
25 октября 2012 г. 14:17, спустя 7 секунд
h1 { white-space:nowrap; overflow:hidden; position:relative; }
h1::after { content:''; width:10px; position:absolute; top:0; right:0; bottom:0; background:[градиент от внешнего фона к прозрачному]; }
илиh1 { text-overflow:ellipsis; }
второй вариант имеет свои косяки? хотя и должен работать везде - http://caniuse.com/#feat=text-overflowВысокоуровневое абстрактное говно -
Сообщения:
5147
Репутация:
N
Группа:
в ухо
25 октября 2012 г. 14:20, спустя 2 минуты 44 секунды
а не, нормально. ладно, зачет.ιιlllιlllι унц-унц
Пожалуйста, авторизуйтесь, чтобы написать комментарий!