Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.11.2015, 01:01   #1
KykQx
 
Регистрация: 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%;
}
Но если второй div очень длинный, то он начинается с новой строки, а не с той же, что и 1-ый.
Попытки обернуть эти два дива в еще один, либо поиграться с их свойствами ни к чему хорошему не приводят.
Заранее спасибо за помощь.
KykQx вне форума Ответить с цитированием
Старый 04.11.2015, 17:30   #2
SQLPowerUser
Форумчанин
 
Аватар для SQLPowerUser
 
Регистрация: 19.01.2015
Сообщений: 158
По умолчанию

???
Вместо float:none, наверное clear:both
SQLPowerUser вне форума Ответить с цитированием
Старый 04.11.2015, 22:52   #3
KykQx
 
Регистрация: 25.03.2007
Сообщений: 4
По умолчанию

Цитата:
Сообщение от SQLPowerUser Посмотреть сообщение
???
Вместо float:none, наверное clear:both
да, так правильнее.
правда, по факту, в итоге разницы особой нет(
KykQx вне форума Ответить с цитированием
Старый 05.11.2015, 10:11   #4
SQLPowerUser
Форумчанин
 
Аватар для SQLPowerUser
 
Регистрация: 19.01.2015
Сообщений: 158
Печаль

Я тут экспериментировал с float, разными видами display, сделать универсальный CSS не получится. Javascript нужен...
SQLPowerUser вне форума Ответить с цитированием
Старый 05.11.2015, 23:34   #5
KykQx
 
Регистрация: 25.03.2007
Сообщений: 4
По умолчанию

Тоже пришел к такому выводу. Буду пробовать, спасибо.
KykQx вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оба 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