Показать сообщение отдельно
  #1 (permalink)  
Старый 29.03.2016, 10:14
Аспирант
Отправить личное сообщение для shurik_shink Посмотреть профиль Найти все сообщения от shurik_shink
 
Регистрация: 22.05.2015
Сообщений: 35

Как выровнять изображение по высоте внутри div?
Вопрос: Как правильно установить vertical-align: middle; для <img>

Не удается выровнять изображение по центру.
В интернете есть сведения что для того что бы выровнять по центру элемент необходимо задать стили:
для parent{display: table;}
для child{display: table-cell; vertical-align:middle}
Но для изображения это не работает

Подскажите кто знает - как правильно разместить изображение по высоте четко по центру родительского div?

<style>
div#div1{
	display: table;
 	border: 1px solid green;
 	width: 100%;
	height: 300px;
	background-color: yellow;
	text-align: center;
}

img#img1{
	display: table-cell;
	height: 100px;
	vertical-align: middle;
}
</style>

<div id="div1">
<img id="img1" src="http://politrussia.com/upload/iblock/032/032e40743dba6b8e0ec37a7df1f89889.jpg"/>
</div>
Ответить с цитированием