javascript - 我想在一个 div 中居中放置两个按钮

Question

如何在 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);

此刻我得到它们是这样的: 按钮 1 按钮 2

我希望它们位于 div 的中间。

Answer 1

使用 CSS，在您的样式表中:

#tags {
    text-align : center;
}

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

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

演示:http://jsfiddle.net/z77Lm/