Как разработать CSS для плавания в центре, подтверждают диалоговое окно?
Я обычно пытаюсь разбить свои тесты между тестированием объектов (и ORM, если таковые имеются) и тестированием дб. Я тестирую объектную сторону вещей путем насмешки вызовов доступа к данным, тогда как я тестирую сторону дб вещей путем тестирования объектных взаимодействий с дб, который, по моему опыту, обычно справедливо ограничивается.
я раньше расстраивался записью модульных тестов, пока я не начинаю дразнить часть доступа к данным, таким образом, я не должен был создать тестовый дб или генерировать данные тестирования на лету. Путем насмешки данных можно генерировать все это во время выполнения и быть уверены, что объекты работают правильно с известными исходными данными.
2 ответа
Попробуйте использовать этот CSS
#centerpoint {
top: 50%;
left: 50%;
position: absolute;
}
#dialog {
position: relative;
width: 600px;
margin-left: -300px;
height: 400px;
margin-top: -200px;
}
<div id="centerpoint">
<div id="dialog"></div>
</div>
#centerpoint должен быть контейнерным div диалогового окна
Обратите внимание , что #centerpoint DIV должен находиться внутри элемента body или внутри элементов, которые не имеют position: relative; свойство
.Popup
{
width:400px;
margin-left:auto;
margin-right:auto;
}
Это горизонтальное выравнивание; с вертикальным выравниванием немного сложнее. Просто погуглите по запросу "css vertical center" или что-то в этом роде.