VPF::display: flex для элемента body - Форум программистов

macdack

Дата 14.5.2015, 19:32 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 15.4.2010

Репутация: нет
Всего: нет

вот так пытаюсь с помошью флексбокса отцентрировать элемент в теле документа:

не получается:

Код


<!DOCTYPE HTML><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>html6</title>


<style type="text/css" id="">

body 
   {
   display:flex; 
   justify-content:center;
   align-items:center;  
   background: black;
   }

#div
   {
   width:200px;
   height:200px;
   background:silver;

   }


</style>
</head>
<body>



<div id="div"></div>



</body>
</html>

как отцентрировать один элемент в теле документа ?
то есть какое бы ни был размером элемент body - вложеный элемент центрируется

Это сообщение отредактировал(а) macdack - 14.5.2015, 19:43

ТоляМБА

Дата 14.5.2015, 23:29 (ссылка)

(нет голосов)

Загрузка ...

Котэ

Профиль
Группа: Завсегдатай
Сообщений: 1607
Регистрация: 15.12.2004

Репутация: нет
Всего: 252

Код

html {
        height: 100%;
}
body {
        ...
        height: 100%;
}

Это сообщение отредактировал(а) ТоляМБА - 14.5.2015, 23:30

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »