html - 将表格单元格限制为仅一行文本？“溢出”和“空白”不起作用

Question

我有一个包含多列和多行的表格，并且我试图将每个单元格限制为仅一行文本。第二行及以后我想隐藏，因为多行会破坏每个表格行的高度。

首先，一些销售包含<p>标签，以下代码无法解决此问题：

table {
    table-layout: fixed;
}

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

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

score 2 · Accepted Answer

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

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

如果你要放置text-overflow:ellipsis;和剥离<p>标签，你可以让它结束...：

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

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

1 回答 1