我如何居中這些按鈕

我有兩個函數在我的jQuery管理兩個按鈕，然後顯示它們。我想要的是按鈕顯示在中心，但align=center不起作用。有誰知道如何在我的jQuery代碼中做到這一點？我如何居中這些按鈕

下面

jQuery代碼：

function insertQuestion(form) { 

    var $answer = $("<table class='answer'></table>"); 

    $('.allBtns:first-child').each(function() { 
     var $this = $(this); 
     var $allBtnsClass = ''; 

     $allBtnsClass = $("<input class='allBtns btnsAll' type='button' style='display: inline-block;' value='Select All Answers' onClick='selectAll(this);' />") 
      .attr('name', $this.attr('name')) 
      .attr('value', $this.val()) 
      .attr('class', $this.attr('class')); 
     } 

     $answer.append($allBtnsClass); 
    }); 

    $('.allRemoveBtns:first-child').each(function() { 
     var $this = $(this); 
     var $removeBtnsClass = ''; 

     $removeBtnsClass = $("<input class='allRemoveBtns btnsRemove' type='button' style='display: inline-block;' value='Remove All Answers' onClick='removeAll(this);' />") 
      .attr('name', $this.attr('name')) 
      .attr('value', $this.val()) 
      .attr('class', $this.attr('class')); 
     } 

     $answer.append($removeBtnsClass); 
    }); 

    $tr.append($answer); 
}

來源

2012-01-15 BruceyBandit

你在代碼中有一些額外的'}'，我注意到當重新加載時。你確定你的代碼甚至在運行嗎？ – Jacob 2012-01-15 18:49:20

他們沒有使用，在'.each'功能 – 2012-01-15 19:14:23

我不知道如果這是你唯一的問題，但你把你的按鈕在table;表格不應直接包含input元素。無論如何，我不認爲你需要一張桌子。如果你把你的容器元素的div（比如，用類answers），你可以有這種風格在樣式表：

.answers { text-align: center; }

然後，如果你停止設置你的input按鈕display: inline-block，他們應該內嵌顯示默認情況下，然後容器的text-align: center應該照顧對中。

您的JavaScript還包含太多} s。它們僅在與{ s配對時才需要。

我希望有幫助。

來源

2012-01-15 18:54:08 Jacob

我如何居中這些按鈕

回答

相關問題