|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.11.2015, 01:01 | #1 |
Регистрация: 25.03.2007
Сообщений: 4
|
Два div в ряд и оба с ellipsis
Добрый день.
Встала такая проблема. Необходимо разместить два div'а с текстом со следущими условиями: 1) занимать они должны по возможности одну строку, заполняя ее по ширине 2) если в первом div'е настолько много текста, что он не помещается в строку - обрезать текст и поставить троеточие, а второй див начать со следущей строки 3) если во втором div'е текста настолько много, что он не помещается в строку - начать выводить его на той же строке что и первый div, а потом обрезать текст и поставить троеточие. Вот с третьим пунктом проблемы. Пока что наиболее похожий вариант выглядит вот так: Код HTML:
.class0{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap !important; width:inherit; float:none !important; display: inline-block !important; max-width: 100%; } Попытки обернуть эти два дива в еще один, либо поиграться с их свойствами ни к чему хорошему не приводят. Заранее спасибо за помощь. |
04.11.2015, 17:30 | #2 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
???
Вместо float:none, наверное clear:both |
04.11.2015, 22:52 | #3 |
Регистрация: 25.03.2007
Сообщений: 4
|
|
05.11.2015, 10:11 | #4 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Я тут экспериментировал с float, разными видами display, сделать универсальный CSS не получится. Javascript нужен...
|
05.11.2015, 23:34 | #5 |
Регистрация: 25.03.2007
Сообщений: 4
|
Тоже пришел к такому выводу. Буду пробовать, спасибо.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Оба input radio активны - как так? | Bender1000 | HTML и CSS | 7 | 03.04.2015 14:46 |
Построить прямоугольники в два ряда по четыре прямоугольника в ряд и заполнить их различными типами штриховки (Pascal ABC) | Evgenii_95 | Паскаль, Turbo Pascal, PascalABC.NET | 2 | 12.12.2014 08:17 |
Передача двух страниц в два div-блока одной ссылкой | lino217 | JavaScript, Ajax | 0 | 22.07.2013 04:06 |
Показать\скрыть два разных DIV | kutt | JavaScript, Ajax | 5 | 06.03.2011 12:33 |
Два DIV`а в "обратном" порядке | white[43] | HTML и CSS | 13 | 16.08.2009 00:10 |