центр div содержимое вертикально и горизонтально не работает

У меня есть сайт с несколькими разделами, но на моем сайте нет прокрутки, поэтому, когда я хочу перейти в каждый раздел, я должен щелкнуть по кнопке этого раздела из меню ... независимо от того, веб-сайт должен отображать содержимое каждого раздела в качестве титульной страницы (одной страницы) с полной шириной и высотой с центрированием содержимого основного раздела этого раздела.центр div содержимое вертикально и горизонтально не работает

я пытался сделать это с vertical-align:middle, с display table-cell .. я написал код на JSFiddle

приветствия DIV должен отображаться в центре моей страницы.

источник

2014-10-17 user3003810

Набор html{height:100%;} и .container-fluid{height:100%;}

источник

2014-10-17 08:00:41 Gho

есть ошибка в вашем ответе (точка с запятой в неположенном месте) , Я не могу отредактировать этот ответ, потому что «Редактирование должно быть не менее 6 символов» ... возможно, вы можете исправить – thetont

отлично, он отлично работает, как сказал @thetont – user3003810

Да, вы правы, клавиатура меня ненавидит сегодня, это должны быть исправлены – Gho

Добавить марку: 50% авто; в приветственном классе

.welcome { 
    background-color:#ccc; 
    padding:20px; 
    color:#000; 
    margin:50% auto; 
    }

источник

2014-10-17 07:58:46

вам нужно добавить следующее:

html, 
.container-fluid { 
    height:100%; 
}

Example

источник

2014-10-17 08:02:30 Pete

центр div содержимое вертикально и горизонтально не работает

ответ

Смежные вопросы