Question

我有一个表有多个列和行，我试图将每个单元格限制为只有一行文本。我希望隐藏第二行和更多行，因为多行会破坏每个表行的高度。

首先，有些卖家包含<p>个标签，以下代码并未解决此问题：

table {
    table-layout: fixed;
}

td {
    overflow: hidden;
    white-space: nowrap;
    width: 50px;
}

如何有效地将每个单元格限制为仅一行文本？

Answer 1

nowrap适用于表格单元格，但您正在使用<br>强制换行符。只需输入一些带空格的长文本，您就会发现它工作正常：

<td><p>3 4 5 5 5 5 5 5 5 5 5 5 5</p></td>

如果您要添加text-overflow:ellipsis;并删除<p>个标记，则可以使其以...结尾：

如果你真的想忽略td中的<br>，你可以使用这个css walkaround：

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