无法使html表列固定大小(不根据数据自动展开)
我有上面的数据表。现在的问题是,当来自后端的数据非常多时,它会扩展并使表成为awkard 我希望以特定的固定列大小包装整个数据。不应展开列。 我的html代码如下所示:无法使html表列固定大小(不根据数据自动展开),html,css,Html,Css,我有上面的数据表。现在的问题是,当来自后端的数据非常多时,它会扩展并使表成为awkard 我希望以特定的固定列大小包装整个数据。不应展开列。 我的html代码如下所示: 主题 要使用固定列宽,请使用表格布局:固定在CSS中。使用此CSS . padng10{ width:70px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; } 你错过了trno的结束标记这只是
主题
要使用固定列宽,请使用表格布局:固定代码>在CSS中。使用此CSS
. padng10{
width:70px;
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;
}
你错过了trno的结束标记这只是复制粘贴错误。。。tr是正确关闭的,你能在这个问题上解决它吗?顺便说一句,“工作项/任务”在现实生活中不会有这样的值:)如果你用空格分隔它,它就会被修复。对于这个--class=“padng10”并给那个div加一些宽度首先我也想到了这一点,但问题在于“文本是粘性的,会扩展,不会导致空白”问题(见他的图片)。您也可以只设置每个td的宽度。如果您这样做,文本将覆盖表格的其余部分,即使兄弟td的大小与它们应该的一样大。但答案本身是好的@F.Müller Addwrapp单词:打断单词代码>,但它也会打断其他单词ant random place(它会在需要打断的地方打断)当你没有空格时,自动换行不起作用(这种情况很少发生)。我刚才提到了这张图片的原因。但您的“标准”案例是正确的。我尝试了“表布局:固定”,现在列大小没有扩展,但数据与主题旁边的所有列重叠。@F.Müller它是word wrap
,而不是text wrap