Карусель с текстом, адаптируемым к максимальной высотеCSS

Разбираемся в CSS
Ответить
Anonymous
 Карусель с текстом, адаптируемым к максимальной высоте

Сообщение Anonymous »

Я пытаюсь создать автоматическую карусель моих последних обновлений (коротких обновлений), но каждое обновление имеет разную высоту, из-за чего страница перемещается на каждом слайде. Как применить максимальную высоту элемента к моей карусели или ко всем другим моим элементам?
carousel-item не отображается, имеет .offsetHeight, равный 0, поэтому, вероятно, есть что-то, что нужно сделать со свойством display? Но действие на него нарушает карусель.
Вот пример:

Код: Выделить всё






Bootstrap demo











[img]NEWS_IMAGE[/img]




NEWS DESCRIPTION : Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Donec lacus diam, viverra non lobortis et, sollicitudin et mi. Fusce tempus in diam sit
amet cursus. Etiam et erat id nulla ornare tempor in quis neque. Vivamus aliquam mi eu eros
dictum egestas. Fusce lobortis est a eros luctus, ut mollis sem sagittis. Donec id nunc sed
tortor congue suscipit. Integer finibus lobortis eros, nec pretium tortor gravida id. Morbi sit
amet laoreet risus. Fusce quis felis at leo auctor pulvinar. Suspendisse sit amet maximus nisi,
eu tincidunt lacus. Nullam mollis posuere nulla ut imperdiet. Praesent ac eleifend diam, vel
imperdiet ante. Nam at purus dui. Duis nec purus risus. Vestibulum accumsan id dui quis
eleifend. Ut nec neque posuere, lobortis ligula id, efficitur felis.





[img]NEWS_IMAGE[/img]




NEWS DESCRIPTION : Morbi mattis libero a neque efficitur dictum. Mauris
a arcu lacinia, congue turpis id, tristique quam. Aliquam vel odio nisi. Morbi vitae viverra
purus. Praesent egestas in sapien sit amet mollis. Etiam fermentum aliquam iaculis. Proin eu
neque magna. Morbi ullamcorper sapien eget purus viverra, et rutrum urna pulvinar. Sed id purus
eros.





[img]NEWS_IMAGE[/img]




Vivamus commodo volutpat mauris, non egestas eros interdum pretium.
Proin quis turpis tincidunt, maximus ipsum sit amet, vehicula ante. Quisque ac eleifend nisl, at
aliquam neque. Fusce quis massa at augue interdum rutrum at et arcu. Suspendisse suscipit nisl
pulvinar tincidunt ullamcorper. Maecenas efficitur tincidunt nulla, sit amet mattis erat
porttitor nec. Morbi et libero scelerisque, sagittis magna et, blandit purus. Donec ac congue
justo. Phasellus vitae hendrerit felis.  Phasellus odio nisi, condimentum id est eget, convallis
ultricies felis.










Подробнее здесь: https://stackoverflow.com/questions/794 ... max-height
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»