2017-03-08 7 views
-4

この入力要素をdivの親の下に配置して中央に配置するにはどうすればよいですか? enter image description here自分の入力を親の一番下に置くにはどうしたらいいですか?

+2

.parent { position: relative; } input { bottom: 0; position: absolute; width: 100%; } 

別の方法としては、の線に沿ってフレキシボックスを使用することができます。さもなければ、問題は「広すぎる」(何らかの試みが行われたという明確な証拠はない)または「話題外」である(あなたが経験している問題を再現するために最小限の関連コードを提示しなければならないため)ちなみに、回答者には、答えを推測するための詳細はありません。推測 - 特に、あなたがやっていること、それがどのように行われているのか、コードが意味することは何の説明もない - –

+1

お待ちください...あなたはもっと多くの情報を与える必要がありますそれはイラストレーターですか? Photoshop?ペイント? – DaniP

+0

http://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom – DaniP

答えて

-1
parent{ 
    position: relative; 
} 

child { 
    position: absolute; 
    bottom: 0; 
} 
+0

なぜ-1ですか?これはあなたが求めるもののために働くはずです。あなたが望むものについてもっと多くの情報を与え、コードを与えてください。 – broodjetom

+1

コードを提示しなかった質問に答えようと試みたため、何が起こっているのか、HTMLのHTML構造や要件が何であるか分かりません。推測 - 特に説明なしの推測 - OPや将来の訪問者にはほとんど役に立たない。 –

+0

それはイメージを与え、私が与えたCSSは 'parent'と 'child'で非常に一般的です。 – broodjetom

0

あなたが親の入力とposition: relative;position: absolute;を使用することができ、この1のためだけにCSSを使用することを探しているなら。あなたのコードのヘルプを表示したい場合は、私達にあなたの[MCVE]コードだけではなく、画像を表示

.parent { 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end; 
} 
関連する問題