Как центрировать изображение в div (высота -% экрана)

Question

Как центрировать изображение в div (высота -% экрана)

0

Мой сайт имеет заголовок, и он занимает 20% экрана. Я хочу изображение (которое составляет 90% высоты заголовка) прямо в центре заголовка. У меня не было проблем, чтобы центрировать изображение по горизонтали, но я не могу сосредоточить его вертикально. Здесь код:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Website</title>
    <link rel="stylesheet" href="stylingpercent.css" />
</head>

<body>

    <header>
        <div class="logoheader" >
            <img class="mainlogo" src="logo.png" alt="logo">
        </div>

    </header>



</body>

</html>

body {
    margin:0px;
}


.logoheader{
    height: 20vh;
    background:rgb(1,1,1);
    margin:0px;
    text-align: center;
}


.mainlogo { 
    max-height:90%;
}

user3415893 13 март 2014, в 20:12

Источник

0

Высота изображения статична?
Shahar 13 март 2014, в 18:34
0

нет, это зависит от высоты жатки
user3415893 13 март 2014, в 19:04
0

для вертикального выравнивания вы можете сослаться на мой ответ . Вот демо: jsbin.com/munak/1/edit
Hashem Qolami 13 март 2014, в 19:18
0

теперь это работает! большое спасибо!
user3415893 13 март 2014, в 19:29