Добрый день.
Встала такая проблема.
Необходимо разместить два div'а с текстом со следущими условиями:
1) занимать они должны по возможности одну строку, заполняя ее по ширине
2) если в первом div'е настолько много текста, что он не помещается в строку - обрезать текст и поставить троеточие, а второй див начать со следущей строки
3) если во втором div'е текста настолько много, что он не помещается в строку - начать выводить его на той же строке что и первый div, а потом обрезать текст и поставить троеточие.
Вот с третьим пунктом проблемы.
Пока что наиболее похожий вариант выглядит вот так:
.class0{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap !important;
width:inherit;
float:none !important;
display: inline-block !important;
max-width: 100%;
}
Но если второй div очень длинный, то он начинается с новой строки, а не с той же, что и 1-ый.
Попытки обернуть эти два дива в еще один, либо поиграться с их свойствами ни к чему хорошему не приводят.
Заранее спасибо за помощь.
