html – 防止文本从重叠表td宽度

如何限制表格< td>进入整个屏幕的时候扩大
条目太长了
最佳答案
那么CSS中有max-width,max-height和overflow。

所以

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

将最大宽度和高度限制为150px,并且可以是小于150到150之间的任何东西,任何不适合的内容将被剪切并隐藏起来。

溢出的默认值(overflow:visible;)只是允许任何不适合其指定容器内容的东西才能在其外部溢出。如果你只想水平限制,不想隐藏任何东西,word-wrap可能有助于:

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

换句话说,即使它不在一个单词的末尾,它也将会断言。您也可以使用height和width来指定一个固定大小,如果您不希望该表完全展开或缩小。

转载注明原文:html – 防止文本从重叠表td宽度 - 代码日志