html - 防止文本重叠表格 td 宽度

Question

如何限制表 <td>进入扩展整个屏幕时 条目太长？

Answer 1

嗯，CSS 中有 max-width、max-height 和 overflow。

所以

td.whatever
{
    max-width: 150px;
    max-height: 150px;
    overflow: hidden;
}

会将最大宽度和高度限制为 150 像素，它可以是小于 150 到 150 之间的任何值，任何不适合内部的内容都将被剪掉并隐藏在 View 中。

Overflow 的默认设置 (overflow: visible;) 只是允许任何不适合其指定容器的内容溢出到它的外部。如果你只想水平限制它并且不想隐藏任何东西，word-wrap 可能会有所帮助:

td.whatever
{
    max-width: 150px;
    word-wrap: break-word;
}

word-wrap 会在需要时分词，即使它不在词尾。如果您根本不希望表格展开或缩小，您也可以只使用 height 和 width 来指定固定大小。