Html CSS显示：表格单元格忽略溢出和宽度

小提琴：

表格单元格#t2大小不正确：

HTML:

预期结果：

---

当

#t2

中的文本太长时，如何隐藏该文本？

可能是您正在寻找的：-

overflow:hidden;

隐藏区域外的文本

或者，您可以尝试使用以下方法：-

overflow: hidden;
white-space: nowrap; 
text-overflow: ellipsis;

小提琴：

---

我遇到了完全相同的问题，我得到了一个很好的解决方案。添加表格布局：固定到您的id表：

#table{
    display: table;
    width: 100%;
    table-layout: fixed;
}

---

玩得开心D

看，这是我想要的结果，这里的#t2的文本很短：如果文本长度超过100%#t2，它会变长，比如这里：“超过100%”-什么的100%？这就是你的问题所在。t2的100%，请看这张图片：，我想要这个结果，而不是最后的点，因为文本太长，导致表格伸长，它不会像我所希望的那样100%长，而是更多！t2=t2的100%，它是自参考的。这就是为什么你需要以像素为单位设置最大宽度，而不是百分比。这不是一个精确的解决方案，但它是唯一可行的CSS解决方案。以前从未使用过该属性，但我现在一定会记住它：-）更好（和正确）的解决方案。下面是一些非常好的用例：

overflow: hidden;
white-space: nowrap; 
text-overflow: ellipsis;

word-break:break-all;

#table{
    display: table;
    width: 100%;
    table-layout: fixed;
}