2016-02-08 117 views
-1

我追加按鈕,一個div因爲這裏詳述 - Append button to div using javascriptCSS應用屬性剛剛創建的第一個元素

每一個按鍵都被通過addBtns();函數調用添加。因此,應用的CSS被應用到每個被附加到div的按鈕。

我的問題是我想要的按鈕在div的右下角對齊。我試着設置top-margin & left-margin性能。與left-margin,我有問題是Margin獲取施加到每個按鈕&因此按鈕的變化之間的間距。

我想的left-margin要爲獲取該div創建的第一個按鈕,在這種情況下按鈕標記'A'

我能請請求幫助,以實現我後只適用?

+2

請不要隨便* *鏈接到您的代碼,*包括*在待*你的代碼*,否則,如果外部鏈接死了,被感動,重組或者是根本無法提供您的問題立即變得毫無意義,對別人毫無幫助。請參閱「[問]」和「[mcve]」指南。 –

回答

2

您可以通過純CSS實現這一點:

input:first-child { 
    margin-left: 30%; 
} 

它將用於動態創建的元素正常工作。我必須將width:50%;添加到appendToMe,因爲它原來沒有任何寬度。此外,我添加了margin-left:30%而不是300%,因爲它顯然超出了界限。

檢查出來的CODEPEN

+0

你好 - 謝謝你。我已經更新,加入了以下codepen - '.appendToMe按鈕:第一個孩子{ 保證金左:100%; }'appendToMe'是添加到​​'div'的類的名稱。但是,我仍然沒有看到它生效。我使用正確的語法嗎?這是我第一次使用這個。 – usert4jju7

+0

@ usert4jju7他們標籤不

+0

謝謝你Pangloss :)沒錯。我在嘗試輸入時使用的措辭是按鈕。好東西。我用這個固定了它。'.appendToMe輸入:第一個孩子margin-left:70%; }' – usert4jju7