これらのボタンを中央に配置するには

Question

2つのボタンを管理している2つの機能が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); 
} 

Answer 1

これが唯一の問題である場合、私は知りませんが、あなたがtableであなたのボタンを配置しています。テーブルは直接input個の要素を含むべきではありません。私はあなたがテーブルを必要としているとは思わない。あなたは、コンテナ要素（クラスanswersと言う、）divを作る場合、あなたは自分のスタイルシートでこのスタイルを持つことができます。

.answers { text-align: center; } 

を次に、あなたはinputボタンをdisplay: inline-blockを設定し停止した場合、彼らはインラインで表示されるはずですコンテナのtext-align: centerはそれらをセンタリングする必要があります。

あなたのJavaScriptにも}が多すぎます。彼らは{とペアリングする場合にのみ必要です。

私は役立つことを願っています。