Question

这是我的代码

<input type="submit" value="Submit Order" 
       onclick="this.value='Uploading..';
                google.script.run.withSuccessHandler(fileUploaded)
                .uploadFiles(this.parentNode);
                return false;">

我无法将其放入DIV元素中，否则它将无法正常运行，因此我想知道如何将此按钮置于中心位置。

编辑：这是我的网页总代码：https://jsfiddle.net/n0ya9tbq/

我无法将其置于DIV元素中的原因是因为我使用Google Apps脚本而在GAS中如果我将它放在div元素中我会遇到此错误：google.script.run not working: Uncaught InvalidArgumentError: Failed due to illegal value in property: 0

Answer 1

只需在输入标记中包含ID即可 <input type="submit" value="Submit Order" id='centeredbutton' class='buttoncenter' onclick="this.value='Uploading..'; google.script.run.withSuccessHandler(fileUploaded) .uploadFiles(this.parentNode); return false;">

然后使用css：

`input#centeredbutton {
position: fixed;
bottom: 50%;
right: 50%;
}`

或者，如果您想要居中多个按钮：

`input.buttoncenter {
position: fixed;
bottom: 50%;
right: 50%;
}`

Answer 2

您可以更改显示属性

input[type="submit"] {
  display: block;
  width: 50%;
  margin: 0 auto;
}

<input type="submit" value="Submit Order" 
       onclick="this.value='Uploading..';
                google.script.run.withSuccessHandler(fileUploaded)
                .uploadFiles(this.parentNode);
                return false;">

如何将不在DIV元素中的按钮居中？

2 个答案: