使表格单元格内的2个按钮彼此相邻

Question

我有以下代码:

      <td>
        <button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)">
          <i class="fa fa-pencil-square-o"></i>
        </button>
        <button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)">
          <i class="fa fa-step-backward"></i>
          <i class="fa fa-step-forward"></i>
        </button>
      </td>

它们出现在两条不同的线上.

如何让它们在同一条线上彼此相邻？

我尝试了一些事情float,并display但没有成功.

Answer 1

如果我在代码段中添加该代码,则按钮彼此相邻,因此很难重现:

<table>
  <tr>
    <td>
      <button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)">
        <i class="fa fa-pencil-square-o"></i>Button1
      </button>
      <button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)">
        <i class="fa fa-step-backward"></i>
        <i class="fa fa-step-forward"></i>Button2
      </button>
    </td>
  </tr>
</table>

按钮已显示为inline-block.也许桌子不够宽; 如果是这样,你可以试试<td style='white-space: nowrap'>.