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

这是我的代码

<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 Script和GAS用于div元素中时遇到了此错误：google.script.run not working: Uncaught InvalidArgumentError: Failed due to illegal value in property: 0

最佳答案

只需在输入标签中包含一个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%;
}`

关于html - 如何将不在DIV元素中的按钮居中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34163917/