溢出表格单元格
问题描述:
我有一个TD宽度以%表示的常规表格。我想要的是,当单元格中写入的文本比单元格宽度更长时,文本会溢出单元格,并且溢出是可见的。现在,如果文字更长,它会突破到下一行。我尝试了单词休息:保持所有!重要;但似乎并不奏效。我应该尝试什么?溢出表格单元格
答
为了响应布局,使用最大宽度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%;
}
+0
类似的东西,但没有文本溢出:省略号和溢出:可见!编辑,我可以选择它作为正确的答案! –
+0
很高兴工作。我按照你的建议编辑过。非常感谢。 –
答
你只需要添加white-space: nowrap ;
表格单元格
这将使文本在同一行,也不会打破
可以添加您的标记和HTML – Geeky
你尝试'白色空间:NOWRAP;'? – Banzay