Выровнять картинку по вертикали css
Автор Александр Бойко задал вопрос в разделе Верстка, CSS, HTML, SVG
На CSS как выровнять изображение по центру по вертикали? и получил лучший ответ
Ответ от Shadow[гуру]
HTML :
<div>
<img src="url image" alt="">
</div>
CSS:
*{
margin:0;
padding:0;
box-sizing:border-box;
}
div{
width:100%;
height:200px;
line-height:200px;
text-align:center;
border:1px solid #ccc;
}
div img{
vertical-align:middle;
border:1px solid;
}
RESULT :
Ответ от Николай Матвейчук[гуру]
сейчас в css3 есть новое значение display: flex. Оно много новых фич по горизонтальному и вертикальному выравниванию вводит...
сейчас в css3 есть новое значение display: flex. Оно много новых фич по горизонтальному и вертикальному выравниванию вводит...
Ответ от Pure function[гуру]
css-tricks.com/snippets/css/a-guide-to-flexbox/
css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ от Азм Есмь[гуру]
Ответ от МАСТЕР[гуру]
Тег img является строковым и по умолчанию располагается так же, как текст. Я так понимаю, вам нужно отцентровать в каком то блоке, и изображения могут быть разными?Задайте блоку, в котором картинка display: table-cell; vertical-align: middle;
Тег img является строковым и по умолчанию располагается так же, как текст. Я так понимаю, вам нужно отцентровать в каком то блоке, и изображения могут быть разными?Задайте блоку, в котором картинка display: table-cell; vertical-align: middle;
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: На CSS как выровнять изображение по центру по вертикали?