html - CSS:当浏览器缩小时，如何强制表格单元中的内容停留在一行上

我有一个表，该表的列包含两个按钮。当浏览器缩小时，包含这两个按钮的列（即td）会中断。有谁知道如何使用CSS防止这种情况的发生？换句话说，强制两个按钮彼此相邻吗？

我尝试了以下方法，但均失败了：


在td上以像素为单位设置宽度
空格：nowrap


这是html：

<table>
   <tr>
      <!-- several other tds before this one -->
      <td>
         <a class="sg-icon sg-i-ok"></a>
         <button class="k-button sg-grid-filter-clear-button" ng-click="clearFilterValues()">x</button>
     </td>
   </tr>
</table>

这是Chrome的样式：

最佳答案

将<a>和<button>包裹在包含的<div>中，并为其设置固定宽度：

DEMO

<td>
     <div class="fixed_width">
         <a class="sg-icon sg-i-ok"><img src="http://placehold.it/30x30"></a>
         <button class="k-button sg-grid-filter-clear-button" ng-click="clearFilterValues()">x</button>
     </div>
 </td>

.fixed_width {
    width: 80px;
}

关于html - CSS:当浏览器缩小时，如何强制表格单元中的内容停留在一行上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22715305/