Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Два div в ряд и оба с ellipsis / 1 сообщений из 1, страница 1 из 1
04.11.2015, 01:03
    #39094197
majongre
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Два div в ряд и оба с ellipsis
Добрый день.
Встала такая проблема.
Необходимо разместить два div'а с текстом со следущими условиями:
1) занимать они должны по возможности одну строку, заполняя ее по ширине
2) если в первом div'е настолько много текста, что он не помещается в строку - обрезать текст и поставить троеточие, а второй див начать со следущей строки
3) если во втором div'е текста настолько много, что он не помещается в строку - начать выводить его на той же строке что и первый div, а потом обрезать текст и поставить троеточие.
Вот с третьим пунктом проблемы.
Пока что наиболее похожий вариант выглядит вот так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
.class0{
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap !important;
    width:inherit; 
    float:none !important;
    display: inline-block  !important;
    max-width: 100%;
}
Но если второй div очень длинный, то он начинается с новой строки, а не с той же, что и 1-ый.
Попытки обернуть эти два дива в еще один, либо поиграться с их свойствами ни к чему хорошему не приводят.
Заранее спасибо за помощь.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Два div в ряд и оба с ellipsis / 1 сообщений из 1, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]