私のフォームがトップセンターではなくページの真ん中にあるようにしたい

単純な入力フィールドなどの要素を追加しました。下のコードはフォームを中央に配置せず、中央に配置します。私を助けてください。あなた私のフォームがトップセンターではなくページの真ん中にあるようにしたい

これに私が使用するコードありがとう：

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

出典

2017-02-12 jake louis

CSSをご覧ください。 [MDN]（https://developer.mozilla.org/docs/Web/CSS）、[SOドキュメント]（http://stackoverflow.com/documentation/css/topics） – josemmo

あなたを整理します：

：このようなHTMLで

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

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

出典

2017-02-12 21:34:07

を中心としたときに行うための最善のことはthis CSSのトリックの記事を参照してくださいです。

垂直方向と水平方向中央にオプションをクリックして、それはこのCSSを入れて試してみてください:)

出典

2017-02-12 21:23:21 JamesG

私のフォームがトップセンターではなくページの真ん中にあるようにしたい

答えて

関連する問題