Нашел такой вариант выравнивания элемента по центру страницы.
.class {
margin: -120px -127px;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
}
По сути margin: -120px -127px;
и управляет выравниванием по центру (т.е. минус ширина и минус высота элемента, который центрируется), но проблема в том, что высота элемента каждый раз меняется, соответственно для margin-top
, который сейчас равен -120px
, придется каждый раз менять значение.
Как выровнять окно по центру страницы?
Как это сделано в jQueryUI dialog()
?
* варианты с CSS либо jQuery