Question

CSS 后面的元素换行

有如下：
<div>
<form .....>
<input type="input" name="abc"/><br>
<input type="input" name="bcd"/><br>
</form>
</div>

用jquery在bcd后面和abc后面动态添加元素
怎么能让添加的元素不和abc,bcd在同一行
注：添加的元素不由我控制，就是追加在后面，所以无法设置添加元素的CSS，且abc和bcd后面有<br>，添加的元素会添加在<br>前面，说白了就是动态添加的元素就是追加在abc和bcd后面，怎么能让动态添加的元素换行，显示在abc和bcd的下一行。
求解决方法，可不可以在abc或bcd上添加CSS样式来解决？

Answer 1

你好，这个问题不难解决，元素是新添加的，我们自然不能在元素的标签上加样式，不过你可以在css代码中写，如下：
如果新元素是input标签，，
你就在css中添加如下样式
form input{
float:left;
width:100%;
}
这里的宽度你可以自己设置，不过如果你想让新元素自占一行，宽度就要大于from宽度的一半。
希望可以帮助到你！

Answer 2

input元素的父级宽度够长的话，input会排列在同一行的，不想一个div就是一行，你可以给两个input外面加个div试试

Answer 3

<input type="input" name="bcd" style="display:block;"/>
display:block; 块级元素独占一行.但要注意清理浮动.

Answer 4

css 中加入
input{display:block;}
即可