Как центрировать эти кнопки

Question

У меня есть две функции в моем 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 элементов. В любом случае, я не думаю, что вам нужен стол. Если вы сделаете свой контейнер элемент а div (скажем, с классом answers), вы можете просто этот стиль в таблице стилей:

.answers { text-align: center; } 

Затем, если вы перестанете настраивать display: inline-block на вашу input кнопки, они должны отображать рядные по умолчанию, а затем контейнер text-align: center должен позаботиться о центрировании их.

Ваш JavaScript также содержит слишком много } s. Они нужны только при сопряжении с { с.

Я надеюсь, что это поможет.