表格单元格溢出

Question

我有一个TD的宽度为％的常规表。我想要的是，当单元格中写入的文本比单元格宽度长时，文本溢出单元格并且溢出是可见的。现在如果文本更长，它会分解到下一行。我试着断言：保持一切！重要;但它似乎不起作用。我该怎么办？

Answer 1

您只需将white-space: nowrap ;添加到表格单元格

即可

这将使文本在一行中而不会中断

Answer 2

对于响应式布局，使用max-width CSS属性指定列的有效最小宽度，或者只使用max-width：0;无限的灵活性。此外，包含表将需要特定宽度，通常为宽度：100％;并且列的宽度通常设置为总宽度的百分比。你可以这样试试。

table {
    width: 100%;
}
td {
    max-width: 0;
    overflow: visible;
    white-space: nowrap;
}
td.columnA {
    width: 30%;
}
td.columnB {
    width: 70%;
}