Question

我想实现一个按钮，它将X个元素彼此相邻（水平）添加，但是让我们说所有内容都应该看起来居中，所以第一个div应该出现在中间，但如果我再次clic，那么第二个div应该出现在第一个旁边，但它们必须看起来同样居中，依此类推。

我真的不知道我是否自己解释并提前感谢。

Answer 1

居中对齐div的容器，并以内联方式显示div。

＆＃13;

$('.newDiv').on('click', function() {
    $('.container').append('<div class="test">test</div>');
});

＆＃13;

.container {
    height: 30px;
    width: 100%;
    background: aqua;
    text-align: center;
}
.test {
    display: inline;
    background: gold;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a class="newDiv" href="#">add div</a>
<div class="container"></div>

＆＃13;

水平居中一个未指定数量的div？

1 个答案: