2017-02-12 2 views
0

Я добавил свои элементы, такие как простые поля ввода, а код ниже не ставит форму в центре, а ставит ее в центр сверху , Пожалуйста, помогите мне. СпасибоЯ хочу, чтобы моя форма была в центре моей страницы не в центре

Этот код я использую:

<div align="center"> 
 
<form> 
 
. 
 
. 
 
My elements 
 
. 
 
. 
 
</form> 
 
</div>

+0

Вы должны взглянуть на CSS. Вот несколько полезных ссылок для начала работы: [MDN] (https://developer.mozilla.org/docs/Web/CSS), [SO Documentation] (http://stackoverflow.com/documentation/css/topics) – josemmo

ответ

1

Попробуйте поставить этот CSS:

div{ 
 
    display: block; 
 
    width: 200px; //pick the width you want 
 
    margin: 0 auto; 
 
}

В HTML, как это:

<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    </head> 
 
    <body> 
 
    <div> 
 
     <form> 
 
     <input type="text"> 
 
     </form> 
 
    </div> 
 
    </body> 
 
</html>

0

Лучше всего делать, когда центрирование см this CSS трюки статьи.

Нажмите опцию центрирования по вертикали и по горизонтали, и что будет сортировать вас :)

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