我想把一个div中的两个按钮居中

时间:2014-01-05 11:37:56

标签: javascript jquery

如何将这两个按钮置于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的中间。

2 个答案:

答案 0 :(得分:5)

使用CSS,在样式表中:

#tags {
    text-align : center;
}

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

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

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

答案 1 :(得分:-2)

尝试在div中使用标记:

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