css - 使用 GAS 在 flextable 中对齐和间距按钮文本

Question

在 flextable 中，我在第一列中创建带有按钮的行，显示每行的编号，在其他列中创建文本框。
我想将行之间的空间减少到最小。

var btnField = app.createButton(numRow).setId(fieldId).setSize(20, 20)
  .setStyleAttribute('marginBottom', 3).setStyleAttribute('marginTop', 0)
  .setStyleAttribute('fontSize', 8).setText(numRow)); 

flextable.setCellSpacing(1).setCellPadding(1); //Minimum distance between rows ??

关于按钮的问题是文本不在垂直按钮的中间。我无法减小按钮的大小(使用 .setSize(20, 18) 左右)，因为文本将在底部的按钮之外。

我应该使用什么样式属性来将按钮的文本垂直放置在按钮中间，右对齐并留出小边距？按钮本身不应超过文本框的大小，以最小化行之间的距离。

如果我必须在 flextable 上使用设置，那当然也可以。

Answer 1

样式属性应该使用驼峰式书写，使用fontSize 而不是fontsize，你会得到这个:

很好地居中。

---

编辑:我对按钮文本对齐进行了一些测试，结果有点令人惊讶......下面的代码和插图表明，文本内容只能水平对齐，并且 paddingTop 适用，但对其他小部件也有副作用

function doGet() {
  var app = UiApp.createApplication().setTitle('test buttons');
  var btn1 = app.createButton('test Button1').setPixelSize(200,60).setStyleAttributes({'fontFamily': 'serif','fontWeight': 'bold','fontSize':'14pt','text-align':'right'});
  var btn2 = app.createButton('test Button2').setPixelSize(200,30).setStyleAttributes({'fontSize':'12pt','textAlign':'left'});
  var btn3 = app.createButton('test Button3').setPixelSize(200,16).setStyleAttributes({'fontSize':'8pt','padding':'0px'});
  var btn4 = app.createButton('test Button4').setPixelSize(200,60).setStyleAttributes({'fontSize':'8pt','paddingTop':'30px'});
  app.add(btn1).add(btn2).add(btn3).add(btn4);
  return app;
}

od padding 和 verticalAlignment 的组合可以给出有趣的结果，见下文:

  var btn4 = app.createButton('testButton4').setPixelSize(200,60).setStyleAttributes({'fontSize':'8pt','paddingTop':'30px','vertical-align':'-11px'});