2017-03-08 42 views
-4

如何將這個輸入元素放在他的div父母的底部並居中? enter image description here如何將我的輸入放在他父母的底部?

+2

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

另外,您可以沿着線使用Flexbox的。否則,問題很可能會被視爲「太寬泛」(沒有任何明確的證據表明有任何嘗試)或「無主題」(因爲問題必須顯示最小的相關代碼來重現您遇到的問題)。順便提一下,對於那些回答:我們沒有任何細節可以作爲答案的基礎,猜測 - 特別是猜測,沒有解釋你在做什麼,如何做或代碼的含義 - 對任何人都沒有多大用處。 –

+1

等待...您需要提供更多信息它是Illustrator嗎? 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

如果你正在尋找只使用CSS的這一個,你可以在父使用position: absolute;輸入和position: relative;。如果你想與你的代碼的幫助,告訴我們您的[MCVE]代碼,不只是一個圖片

.parent { 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end; 
} 
相關問題