溢出表格单元格

Question

我有一个TD宽度以％表示的常规表格。我想要的是，当单元格中写入的文本比单元格宽度更长时，文本会溢出单元格，并且溢出是可见的。现在，如果文字更长，它会突破到下一行。我尝试了单词休息：保持所有！重要;但似乎并不奏效。我应该尝试什么？

Answer 1

为了响应布局，使用最大宽度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%; 
} 

Answer 2

你只需要添加white-space: nowrap ;表格单元格

这将使文本在同一行，也不会打破