Javascript 我想把两个按钮放在一个div的中间

如何在JS中居中放置这两个按钮：

// create a sort by alphabet button
var sortabc = $('<a href="javascript:void(0)" class="btn">Sort alphabetically</a>').toggle(
    function(){
        $("#tags ul li").tsort({order:"asc"});
    },  
    function(){
        $("#tags ul li").tsort({order:"desc"});
    }       
    );
$('#tags').append(sortabc);     

// create a sort by alphabet button 
var sortstrength = $('<a href="javascript:void(0)" class="btn">Sort by strength</a>').toggle(
    function(){
        $("#tags ul li").tsort({order:"desc",attr:"class"});
    },  
    function(){
        $("#tags ul li").tsort({order:"asc",attr:"class"});
    }       
    );
$('#tags').append(sortstrength);

//创建按字母排序按钮
变量sortabc=$（''）.toggle(
函数（）{
$（“#tags ul li”）.tsort（{order:asc}）；
},  
函数（）{
$（“#tags ul li”）.tsort（{order:desc}）；
}       
);
$（'#tags'）.append（sortabc）；
//创建按字母表排序按钮
变量sortstrength=$（''）。切换(
函数（）{
$（“#tags ul li”）.tsort（{order:“desc”，attr:“class}）；
},  
函数（）{
$（“#tags ul li”）.tsort（{order:“asc”，attr:“class}）；
}       
);
$（“#标记”）.append（sortstrength）；

此时此刻，我得到了如下结果： 按钮1按钮2

---

我希望它们在div的中间。

试着在div中使用标签：

<div>
<center>
...BUTTONS
</center>
</div>

…按钮

使用CSS，在样式表中：

#tags {
    text-align : center;
}

使用jQuery，设置相同的CSS属性：

$('#tags').css("text-align", "center");

---

演示：

不推荐使用CSS。或者创建一个

文本中心

类，然后使用

.addClass（）