Вертикальное выравнивание в div
Автор Namolem задал вопрос в разделе Другие языки и технологии
Как выровнять текст в div по вертикали? и получил лучший ответ
Ответ от Евгений Шулин[новичек]
vertical-align для div в обычном виде не работает.
Если в блоке только одна строка, то можно прировнять высоту строки с высоте блока, будет нужный эффект.
<html>
<div style="height:60px; width:100px; line-height:60px; border:solid #FF0000 1px">
Текст
</div>
</html>
Если строк несколько, вот кроссбраузерный код:
<html>
<head>
<style>
#wrapper { height:50px; width:150px; display:table; border:1px solid red }
#container { display:table-cell; vertical-align:middle }
</style>
<!--[if IE ]>
<style type="text/css">
#container { top:50%; position: absolute }
#inner { top:-50%; position:relative }
</style>
<![endif]-->
</head>
<body>
<div id="outer">
<div id="container">
<div id="inner">Текст</div>
</div>
</div>
</body>
</html>
пропиши ему alight="center";
vertical-align: middle; vertical-align: top; vertical-align: bottom; Ну и т. д.
В чем разница? Я вот тут выбираю монитор и нашёл 2 одинаковых в одном матрица va а во втором amva+ в чем разница?
AMVA и AMVA+ у них матрицы, ну и у HM версии еще HDMI порт добавлен к VGA и DVI
смотреть надо
подробнее...
На CSS как выровнять изображение по центру по вертикали?
HTML :
<div>
<img src="url image" alt="">