2014-01-05 83 views
1

我如何中心這兩個按鈕在JS裏面兩個按鈕:我想中心一個div

// 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

嘗試使用div內標籤:

<div> 
<center> 
...BUTTONS 
</center> 
</div> 
+5

'

'不贊成使用CSS。 – t0mppa

5

使用CSS,在樣式表:

#tags { 
    text-align : center; 
} 

使用jQuery,設置相同的CSS屬性:

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

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

+0

或者創建一個'text-center'類,然後使用'.addClass()' – rybo111

+0

謝謝。完成了。 –