限制 TD 文本长度

Question

我有一个由背景网格生成的网格。

而且我想限制文本长度，每个td必须在一行上。

width 属性 对 td 无效。

感谢您的帮助。

Answer 1

根据您定义的方式 'limit'，您可以简单地防止换行并控制溢出：

td{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

这会将内容保留在一行中，如果文本内容超出 td

允许的宽度，则会在末尾附加一个省略号

Answer 2

你需要将 'td' 标签的文本放在 'p' 标签中，并给 td 标签一个 class 就像 <td class="content_td"><p>Your text</p></td> 然后你可以在CSS中写成

.content_td p {
    max-width: 100%;
    max-height: 100px;
    overflow-y: scroll;
    text-overflow: ellipsis;
}