javascript - 如何使用 JavaScript 创建中心按钮？

Question

我知道我的问题在使用 HTML 时很容易解决，但我的按钮是这样设置的：

（在 JavaScript 文件中）

var myButton=$('<button type="button" style="display:inline">Click</button>');

我有 6 个按钮，我想将所有按钮居中（它们是水平放置的）。

我试图为每个按钮分配一个类，然后将它们包装在同一个中div：

$('.class1, .class2, .class3').wrapAll('<div class="wrap">');

并放入我的 CSS 文件

.wrap {
   text-align: center;
    }

但它没有用。

实际上，我不需要class1, class2。有没有其他方法可以将所有按钮包装在同一个中div？

score 1 · Accepted Answer

好吧，你让他们内联......他们正在做你告诉他们做的事情，排成一行。

让他们display就像block你想让他们在自己的路线上一样。

score 0 · Accepted Answer

设置换行的宽度和边距

.wrap{
   width:400px; 
   margin:0 auto;  
}

score 0 · Accepted Answer

0

将它们设置为inline-block并将widthwrap 设置为其父级的宽度。

于 2013-07-24T21:13:19.353 回答

score 0 · Accepted Answer

$('button').wrapAll($('<div class = "wrap">'));

.wrap{
    text-align:center;  
}

4 回答 4