我如何在一个“中强制分离元素？”；运输署"；要内联显示的html表的元素（从左到右）？

我正在更新一个旧的ASP.NET Web表单应用程序，我的团队以前只支持IE，以便与现代浏览器（Chrome、Firefox等）兼容。在其他问题中，我对图标（碰巧也是链接）在应用程序加载时生成的某个表的单个“td”元素中的显示方式有一个小问题。图标是指向与表的每个条目/行相关的各种选项的链接

在IE上，图标从左到右排列成直线。但在其他浏览器上，图标是垂直堆叠的。我被告知要使风格与IE中的外观保持一致

我认为这将是一个简单的问题，改变一些CSS，但到目前为止，我还没有能够得到工作。我所说的图标是元素的子元素，或者是元素或的（它们有自己的img子元素），所以我尝试了

td img {
display: inline-block;
}

td a {
display: inline-block;
}

但这根本没有效果

html（一旦生成）的结构类似于

(within table, body, row...)

<td>
 <img src="icon1.gif">
 <a href=JavaScript:editThisEntry(entryNumber)>
    <img src="icon2.gif">
 </a>
 <a href=JavaScript:doADifferentEdit(entryNumber)>
    <img src="icon3.gif">
 </a>
</td>

（在表、正文、行中…）

所以，预期的结果是：一个元素中的三个图标排成一行（td足够宽，可以容纳）

实际情况：三个带a的图标堆叠在一起，使每一行从上到下“胖”起来，使桌子看起来不一样

我对这些东西很陌生，所以我觉得我错过了一些简单的东西，但我没有通过谷歌找到关于我的确切问题的描述。感谢您的帮助

尝试添加

table {
    table-layout: fixed;
}

td a, td img {
    display:inline-block;
    vertical-align:middle;
}

td{display:flex；}

---

这可能是最好的解决方案，因为它将应用于现代浏览器，但直到IE11才在IE中得到支持。

谢谢大家。好建议。最终，pcalkins的响应对我来说是有效的，但我不得不稍微调整一下，将其添加到CSS样式表中。我最后用了这个：

td {
  white-space: nowrap;
}

---

你试过flex吗？您也可以提供JSFIDLE或其他东西来查看问题。它可能正在包装。。。试一试：如上所述，td上可能需要一些css。谢谢大家！添加检查器是有效的，所以我只是查找了与之类似的CSS，并将其添加到我的样式表中。请参阅下面的解决方案。