我想在 div 中居中两个按钮答案

【问题标题】：I want to center two buttons inside a div我想在 div 中居中两个按钮
【发布时间】：2014-01-05 19:46:04
【问题描述】：

如何在 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 的中间。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

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

#tags {
    text-align : center;
}

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

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

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

【讨论】：

或者创建一个text-center类，然后使用.addClass()

【解决方案2】：

尝试在 div 中使用标签：

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

【讨论】：

<center> 已弃用，取而代之的是 CSS。