CSS вертикальное выравнивание изображения внутри другого div (Divi wordpress theme)

Я пытаюсь центрировать свое изображение вертикально внутри div. У меня есть набор изображений с разной высотой и шириной. Я сделал коробки 320x230, которые отображают эти изображения внутри них. Изображения, которые больше, имеют переполнение: скрытые. Но некоторые изображения, которые меньше имеют разрыв, поэтому я хочу, чтобы сосредоточить их на этом сайте --->Here CSS вертикальное выравнивание изображения внутри другого div (Divi wordpress theme)

Я использую этот CSS для DIV, который содержит изображение

.transformations { 

max-width:320px; 
max-height: 230px; 
min-width:320px; 
min-height: 230px; 
box-shadow: 0 0 50px #0052af; 
overflow: hidden; 
border: 4px solid #0052af; 
}

источник

2016-02-13 Usce

Как вы размещаете свой сайт как тот O.o! – Microsmsm

Это всего лишь временная ссылка, используемая для разработки веб-сайта. Я еще не подключил его к живому домену, поэтому я использую эту ссылку. Я думаю, что каждый хост имеет этот вариант. Я использую https://www.ecowebhosting.co.uk/ – Usce

Я просто сделал некоторые настройки и это работает:

<div class="img-wrapper"> 
<img src="http://img.youtube.com/vi/jofNR_WkoCE/maxresdefault.jpg"> 
</div>

И CSS:

.img-wrapper{ 
    position: relative; 
    overflow:hidden; 
    height:425px; 
} 

.img-wrapper img{ 
    position: absolute; 
    top:-100%; left:0; right: 0; bottom:-100%; 
    margin: auto; 
}

это работал на меня на тему Div Word Wordpress.

источник

2016-02-13 03:31:08 Usce

CSS вертикальное выравнивание изображения внутри другого div (Divi wordpress theme)

ответ

Смежные вопросы