ボタン同士を重ねて表示するようにしたい

Question

ボタンを表示してからボタンを表示するjqueryの2つの機能があります。私が欲しいのは、ボタンを表の行に表示したいのですが、ボタンをお互いに隣り合わせに表示するのではなく、互いに重ねて表示することです。誰も私の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

私はあなたがinline-blockからblockにボタンのスタイル属性に設定displayプロパティを変更した場合、あなたは大丈夫だろうと思います。

使用この：この代わりの

style='display: block;' 

：

style='display: inline-block;' 

注それはさておき、私はあなたのコードが壊れて見えると信じています。コード例の書式は読みにくいので、自分のことを間違えているかもしれませんが、{}記号はうまく処理できません。 .each()メソッドに渡した関数の外にあるものを実行しているようです。コードは期待通りに機能しますか？