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;
}

Answer 2

您可以使用：

td {
  white-space: nowrap;
  overflow: hidden;
  width: 50px; /* if you'd like the with set' */
}

这限制了它只使用一行文字。如果你也想忽略br标签：

td br{
    line-height: 0px;
    display:none;
}

Answer 3

您应该使用属性white-space：nowrap;

如果您想了解更多信息，可以查看此处