Html 使表格不重叠

我试图创建一个引导表，其中显示一些数据行，其中一行包括两个按钮

问题是，当屏幕调整到较小的尺寸时，按钮彼此重叠，我希望表格的每个TD都在一行中，有溢出或任何需要的东西

我已经搜索过了，但没有一个答案对我有任何帮助。我不知道我是否遗漏了一些非常明显的东西（可能是这样），或者是我认为有点复杂

这是我桌子的复制品：

这就是桌子：

<table class="table table-hover table-striped">
        <thead>
          <tr>
            <th>Uid</th>
            <th>Name</th>
            <th>Description</th>
            <th>High Available</th>
            <th>Strict Mode</th>
            <th>Shared</th>
            <th>Nodes Assigned</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>123123</td>
            <td>Node Pool Name</td>
            <td>Node Pool Description</td>
            <td>Node Pool High Availability</td>
            <td>Node Pool Strict Mode </td>
            <td>Node Pool Shared</td>
            <td>Node Pool ASsigned</td>
            <td>
              <button class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
              <button class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></button>
          </tr>
        </tbody>
      </table>

液体
名称
描述
高可用性
严格模式
共享
分配的节点
行动
123123
节点池名称
节点池描述
节点池高可用性
节点池严格模式
节点池共享
分配的节点池

试试这个：

td:last-child {
  white-space: nowrap;
}

---

…它表示最后一列将不会被包装。

添加

空白：nowrap

对于所讨论的

td

，请参阅

和下面的片段：

table>tbody>tr>td:最后一个孩子{
空白：nowrap；
}

节点池列表
液体
名称
描述
高可用性
严格模式
共享
分配的节点
行动
123123
节点池名称
节点池描述
节点池高可用性
节点池严格模式
节点池共享
分配的节点池

添加

空白：nowrap按钮单元格上的css规则。应该有用。
哇，看来我只是缺少了一个css属性。谢谢你的帮助。我之所以接受这个，是因为代码笔和代码片段：）