画面上の入力を低くするにはどうすればいいですか？

Question

私は2つの入力、ユーザー名とパスワードを持っています。私はそれらを真ん中に整列させましたが、私はそれらを画面下に押し下げて中央に留める方法を理解できません。誰も私にそうするリファレンスを送ることができますか？

Answer 1

それはあなたが関連するコードなしでやろうとしている正確に何を伝えるのは難しいのですが、ここではあなたのために働くかもしれない解決策です：

form { 
 
    text-align: center; 
 
} 
 
input { 
 
    position: relative; 
 
    top: 50px; 
 
}

<form> 
 
<input type="text" placeholder="name" /> 
 
<input type="password" placeholder="password" /> 
 
</form>

Answer 2

これはFlexboxで使用できるものです。包含するdivをflexboxにしてから、中心に合わせて整列します。