закрепление div в центре страницы с разной шириной и высотой

Question

У меня есть div, и он появляется, только если пользователь нажимает ссылку из списка категорий, т.е.

категория 1 категория 2 категория 3

и загрузка содержимого с помощью jquery $ .ajax (), поэтому ширина div-чейджей в соответствии с возвращаемыми данными нет.

Answer 1

Если вы хотите поместить элемент точно в центр вашего браузера, присвойте ему стили тезисов:

.box {
width: 200px;
height: 100px;
top: 50%;
left: 50%;
position: absolute;
margin: -50px 0 0 -100px;
}

Здесь я предположил, что мой элемент имеет высоту 100 пикселей и ширину 200 пикселей, поэтому на полях я поместил его на 1/2 от реального размера. Таким образом, мой элемент находится точно в центре моей страницы, независимо от размера моего браузера.

Вот онлайн демо