限制 TD 文本长度答案

【问题标题】：Limit TD text length限制 TD 文本长度
【发布时间】：2015-09-13 06:45:37
【问题描述】：

我有一个由 backgrid 生成的网格。

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

td 上的宽度属性无效。

感谢您的帮助。

【问题讨论】：

您可以将white-space:nowrap 和overflow-x:hidden 用于td，这样可以隐藏多余的字符并且不会换行。编辑：没有看到已经给出了答案。

【解决方案1】：

根据您定义“限制”的方式，您可以简单地防止换行和控制溢出：

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

这将使内容保持在一行，如果文本内容超出td 的允许宽度，则在末尾附加一个省略号

【讨论】：

【解决方案2】：

你需要把'td'标签的文本放在'p'标签中，并给td标签一个像<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;
}

【讨论】：