html - 使表格单元格内的 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 . 也许 table 不够宽；如果是这样，你可以试试<td style='white-space: nowrap'> .