У меня есть изображения разной высоты в шаблоне Bootstrap Lightbox, с которым я работаю. Изображения имеют class="img-fluid" и вложены в HTML-элементы
.img-fluid {
vertical-align: middle;
}
[/code]
Я читал в Интернете несколько способов центрировать изображения внутри элементов div, а также привязывать теги, но использование этих предложений по-прежнему не выравнивает изображения по вертикали с помощью свойства img-fluid или img CSS. . Кажется, вертикальное выравнивание: средний должно работать, если я смогу правильно настроить таргетинг изображений.
У меня есть изображения разной высоты в шаблоне Bootstrap Lightbox, с которым я работаю. Изображения имеют class="img-fluid" и вложены в HTML-элементы [url=https://unsplash.it/1200/768.jpg?image=251] [img]https://unsplash.it/600.jpg?image=251[/img] [/url] [url=https://unsplash.it/1200/768.jpg?image=252] [img]https://unsplash.it/600.jpg?image=252[/img] [/url] [url=https://unsplash.it/1200/768.jpg?image=253] [img]https://unsplash.it/600.jpg?image=253[/img] [/url]
.img-fluid { vertical-align: middle; } [/code] Я читал в Интернете несколько способов центрировать изображения внутри элементов div, а также привязывать теги, но использование этих предложений по-прежнему не выравнивает изображения по вертикали с помощью свойства img-fluid или img CSS. . Кажется, вертикальное выравнивание: средний должно работать, если я смогу правильно настроить таргетинг изображений.
В приведенном ниже фрагменте я пытаюсь центрировать элемент div в разделе как по горизонтали, так и по вертикали. Элемент , в который вложен , имеет высоту, которая заполняет все дополнительное пространство на странице ( flex: 1; ), но даже несмотря...
хотел бы знать, как сделать мои изображения центрированными, не плавающими влево. Я попытался изменить атрибуты поплавок, но дела идут просто грязные. Помогите, пожалуйста!
Я использую теги секции без сетки. class = Snippet >
Мобильная версия
