css - 仅在表格单元格中显示一行文本

Question

我发现了几种 CSS 解决方案，可以在一个元素中只显示一行文本，否则该元素的文本内容将占据多行。但是，当元素是表格单元格时，它们似乎不起作用。在表格单元格中不可能实现这种限制吗？

Answer 1

您可以使用 max-width: 和 white-space: nowrap; 的组合来做到这一点:JS Fidle

HTML

<table>
    <tr>
        <td>content content and a bunch of other stuff.</td>
    </tr>
</table>

CSS

td {
    max-width: 120px;
    white-space: nowrap;
    background: #000;
    color: white;
}