Question

我有以下代码：

true

它们出现在两个不同的行上。

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

我尝试使用n和<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>进行了一些操作，但没有成功。

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'>。

Answer 2

如果您正在使用Bootstrap，请尝试使用类似“pull-left”的类。这将浮动两个按钮并将它们内联。还要检查以确保没有任何内容覆盖当前的显示属性。

<div class="pull-left">...</div>
<div class="pull-right">...</div>

Answer 3

请查看如何在<table>中使用<td>标签，并使所有按钮排成一行。

<table>
        <td>
           <table>
               <tr>
                   <td>
                      <button class="btn btn-primary btn-xs">Add</button>
                    </td>
                   <td> 
                      <button class="btn btn-primary btn-xs">Edit</button>
                  </td>
                  <td> 
                      <button class="btn btn-primary btn-xs">View</button>
                  </td>
               </tr>
           </table>
        </td>
 </table>

Answer 4

你试过display: inline-block;吗？然而，这似乎是不必要的，因为同一个表格单元格中的两个按钮将出现在同一行上。

＆＃13;

table,
td,
tr {
  border: 1px solid black;
  border-collapse: collapse;
}

＆＃13;

<table>
  <tr>
    <td>
      <button>Button1</button>
      <button>Button2</button>
    </td>
  </tr>
</table>

＆＃13;

Answer 5

您需要的只是css显示内联代码，可用于格式化按钮 form { display: inline; }

这会将元素显示为内联元素，例如span

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

5 个答案: