Javascript 在for循环中并排放置div-CSS样式

Javascript 在for循环中并排放置div-CSS样式,javascript,html,css,Javascript,Html,Css,我正在for循环中创建一个div,并将它们放在文档中。2个分区并排放置,下面2个分区依次放置,以此类推 有人能告诉我这个案例的css样式是什么吗? 这是我的密码 for (var i = 0; i < piechartDataArray.length; i++) { var elementID = 'piechart' + (i+1).toString(); var element = document.createElement('div');

我正在for循环中创建一个div,并将它们放在文档中。2个分区并排放置,下面2个分区依次放置,以此类推

有人能告诉我这个案例的css样式是什么吗? 这是我的密码

for (var i = 0; i < piechartDataArray.length; i++) {

        var elementID = 'piechart' + (i+1).toString();
        var element = document.createElement('div');
        element.id = elementID;
        document.body.appendChild(element);

      if (i%2 == 0) {
            document.getElementById(elementID).style.width=...                 
   }else{
         document.getElementById(elementID).style.width=... 
        }
}
for(var i=0;i
假设以下HTML结构:

<div class="some-class"></div>
<div class="some-class"></div>
<div class="some-class"></div>
<div class="some-class"></div>
我会使用这个CSS:

div.some-class {
    display: inline-block;
    width: 50%;
}

对于每个div set width=50%和float:left,您可以使用CSS3列方法:

piechartDataArray=[1,2,3,4];
对于(var i=0;i
div{
背景:蓝色;
高度:100px;
保证金底部:
}
#容器{
-webkit列数:2;
-webkit柱间隙:10px;
}

JavaScript与你关于CSS布局的问题有什么关系?所以…基本上你是在问如何在CSS中进行两列布局?他想创建一些不同于其他人的东西我猜通过这种方法,我认为他不需要关心他在if else块中应用的条件。。如果我没有错的话,CSS会处理的。浮动应该是最后的选择。他们解决了多少问题就造成了多少问题。阅读更多:
div.some-class {
    display: inline-block;
    width: 50%;
}