如何使用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中？

Answer 1

嗯，你让他们内联......他们正在做你告诉他们做的事情，在一条线上。

如果您想要自己的display block。

Answer 2

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

Answer 3

设置包裹的宽度和边距

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

希望这有助于http://jsfiddle.net/ZHdqK/2/

Answer 4

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

.wrap{
    text-align:center;  
}

http://jsfiddle.net/rJD2B/