Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> 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
PM MAIL   Вверх
ТоляМБА
Дата 14.5.2015, 23:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Котэ
***


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

Репутация: нет
Всего: 252
Код
html {
        height: 100%;
}
body {
        ...
        height: 100%;
}



Это сообщение отредактировал(а) ТоляМБА - 14.5.2015, 23:30
PM   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0393 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.