Question

我的页面中有一个固定大小的wrapper div。我想动态添加子div，但我希望所有子div保持相同的大小。

有人知道任何插件吗？

修改

我希望div只能在水平方向上添加。它是1xN网格。（感谢评论。）

Answer 1

这是一种将div添加到包装器div并修复其大小的方法：

<强> HTML

<div id="wrapper" class="clearfix"></div>

<input type="button" id="AddDiv" value="AddDiv" />

<强> CSS

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}
.clearfix:after {
    clear: both;
}

#wrapper {

}
#wrapper > div {
    height: 100px;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #cc0000;
    float: left;
}

<强>的Javascript

$('#AddDiv').on('click', function () {
    $('#wrapper').append($('<div />'));
});

<强> Demo

jquery自动可调整大小的div组

1 个答案: