Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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
Javascript GoogleWeb应用程序中的网格(表格)为每列增加4px的宽度,但我需要0px的宽度_Javascript_Html_Css_Google Apps Script - Fatal编程技术网

Javascript GoogleWeb应用程序中的网格(表格)为每列增加4px的宽度,但我需要0px的宽度

Javascript GoogleWeb应用程序中的网格(表格)为每列增加4px的宽度,但我需要0px的宽度,javascript,html,css,google-apps-script,Javascript,Html,Css,Google Apps Script,我在谷歌网络应用程序中创建了一个网格。我希望网格的大小是(0px,0px),但是我得到了(12px,0px),因为网格中的每一列似乎都无缘无故地增加了4px的宽度 以下是对网格所做的操作(一次完成): 网格的宽度设置为“0px” 网格的高度设置为“0px” 网格内单元格的宽度分别设置为“0px” 网格内部单元的高度分别设置为“0px” 网格的线高度设置为“0px” 网格内部单元的线高度单独设置为“0px” 网格的填充设置为“0px” 网格内单元格的填充分别设置为“0px” 已在网格上调用函数“.

我在谷歌网络应用程序中创建了一个网格。我希望网格的大小是(0px,0px),但是我得到了(12px,0px),因为网格中的每一列似乎都无缘无故地增加了4px的宽度

以下是对网格所做的操作(一次完成):

  • 网格的宽度设置为“0px”
  • 网格的高度设置为“0px”
  • 网格内单元格的宽度分别设置为“0px”
  • 网格内部单元的高度分别设置为“0px”
  • 网格的线高度设置为“0px”
  • 网格内部单元的线高度单独设置为“0px”
  • 网格的填充设置为“0px”
  • 网格内单元格的填充分别设置为“0px”
  • 已在网格上调用函数“.setCellSpacing(0)”
  • 已在网格上调用函数“.setCellPadding(0)”
  • *注意:网格和网格内的单元格均未使用边框或边距

    这里有一些代码,你可以试着看看我在说什么

    function doGet() {
      var app = UiApp.createApplication();
    
      var grid = app.createGrid(3,3);
    
      //Used outlines since they don't affect the size of the object
      grid.setStyleAttribute("outline-style","solid");
      grid.setStyleAttribute("outline-width","1px");
      grid.setStyleAttribute("outline-color","red");
    
      grid.setCellPadding(0);
      grid.setCellSpacing(0);
      grid.setStyleAttribute("width","0px");
      grid.setStyleAttribute("height","0px");
      grid.setStyleAttribute("line-height","0px");
      grid.setStyleAttribute("padding","0px");
      for(var x = 0; x<3; x++){
        for(var y = 0; y<3; y++){
          grid.setStyleAttribute(y,x,"width","0px");
          grid.setStyleAttribute(y,x,"height","0px");
          grid.setStyleAttribute(y,x,"line-height","0px");
          grid.setStyleAttribute(y,x,"padding","0px");
        }
      }
    
      app.add(grid);
    
      app.add(app.createLabel("^ The grid is right here. It's width is non-zero for some reason"));
    
      return app;
    }
    
    函数doGet(){
    var app=UiApp.createApplication();
    var grid=app.createGrid(3,3);
    //使用轮廓,因为它们不影响对象的大小
    grid.setStyleAttribute(“轮廓样式”、“实体”);
    grid.setStyleAttribute(“轮廓宽度”、“1px”);
    grid.setStyleAttribute(“轮廓颜色”、“红色”);
    grid.setCellPadding(0);
    网格。设置单元格间距(0);
    grid.setStyleAttribute(“宽度”、“0px”);
    grid.setStyleAttribute(“高度”、“0px”);
    grid.setStyleAttribute(“行高”、“0px”);
    grid.setStyleAttribute(“填充”、“0px”);
    
    对于(var x=0;x而言,这里有两个问题:

  • 单元格会自动填充
    ,因此需要清除(删除3*3px),并且

  • 这会将单元格的有效1px宽度设置为零宽度,这意味着您要降低到3px以下的唯一选项是将单元格设置为显示:无

  • 尝试将以下行添加到循环中:

    grid.setStyleAttribute(y,x,"display","none");
    grid.setText(y, x, "")
    

    我注意到,将每个单元格设置为包含一个空的SimplePanel确实会将大小降低到(3px,0px),但显然这还不够。在我的情况下,我需要单元格的宽度为零。我所做的是故意使单元格内容溢出,但我不希望单元格本身占用空间(这可以通过负利润部分解决,但它并不能真正解决问题)。不幸的是,我认为这个问题不会很快得到解决。这个错误是在2010年报告的。