Javascript 在for循环中并排放置div-CSS样式
我正在for循环中创建一个div,并将它们放在文档中。2个分区并排放置,下面2个分区依次放置,以此类推 有人能告诉我这个案例的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 (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%;
}