Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法使html表列固定大小(不根据数据自动展开)_Html_Css - Fatal编程技术网

无法使html表列固定大小(不根据数据自动展开)

无法使html表列固定大小(不根据数据自动展开),html,css,Html,Css,我有上面的数据表。现在的问题是,当来自后端的数据非常多时,它会扩展并使表成为awkard 我希望以特定的固定列大小包装整个数据。不应展开列。 我的html代码如下所示: 主题 要使用固定列宽,请使用表格布局:固定在CSS中。使用此CSS . padng10{ width:70px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; } 你错过了trno的结束标记这只是

我有上面的数据表。现在的问题是,当来自后端的数据非常多时,它会扩展并使表成为awkard

我希望以特定的固定列大小包装整个数据。不应展开列。 我的html代码如下所示:


主题

要使用固定列宽,请使用
表格布局:固定在CSS中。

使用此CSS

      . padng10{

   width:70px;
   text-overflow:ellipsis;
     overflow: hidden;
    white-space: nowrap;
  }

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