在一个父div内水平匹配两个子div的内容

时间:2014-03-01 19:04:58

标签: javascript jquery css html

我在一个父div中有一个子div,就像这样

<div id="parent" style="background-color: #75941f;
    color: #FFF;
    border: 1px outset #4f6417;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;height:100%;width:100%;">

     <div id="child1" style="float:left;width:50%;text-align:center"></div>
     <div id="child2" style="float:right;width:50%;text-align:center"></div>

</div>

我正在使用jquery使用

将对象以及数字图像放在两个子div中
var rand1 = Math.floor(Math.random() * 10) + 1,
        i;
function getImage(){
    var img = new Image();
    img.src = "apple_transparent.gif"
    img.width = 80;
    img.height=80;

    return img;
}
for (i=0; i<rand1; i++){
    $("#child1").append(getImage());
$('#child1').append('<img id="theImg" src="numbers/' + rand1 + '.png" width="260px" height="260px"/>');

按照上面的相同过程,我也将对象放在我的另一个div中。但我的问题是,如果rand1变量将7个对象放入child1并且rand2变量将2个对象放入{ {1}}那我如何才能将div的对象的图像以及层次的对象相互匹配?

0 个答案:

没有答案