2016-02-08 90 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