Javascript 如何在动态HTML表格中对齐中间的

我参考了这个网页并创建了一个表。它很好用。在javascript函数中，它将项目放置为左对齐。如何访问图元并将其与中心对齐

这是我的javascript函数

函数addRow{ var table=document.getElementByIdmyTableData； var rowCount=table.rows.length； var row=table.insertRowCount； row.insertCell0.innerHTML=； row.insertCell1.innerHTML=； } 活动 工作负载描述 HTML如下所示

---

但是我希望按钮在中间对齐。

您需要做的就是添加文本align:center；像这样坐到你的桌子上

<table border="1" align="center" id="myTableData" span style="width:1580px; text-align:center;"

---

尝试将样式与JavaScript分开

使用JavaScript，您应该向按钮添加一个新类：

row.insertCell(0).innerHTML = '<input type="button" value = "Delete" style="width: 65px;" class="btn btn-danger btn-centered" onClick="Javascript:deleteRow(this)">';

---

要对齐iten，可以使用margin:auto；和文本对齐：居中；

---

在为此编写CSS之前，我建议您将td元素包装在一个div中，下面的CSS将为您完成其余的工作

#myTableData tr td div {text-align:center; }

这将使你的div居中

Div本身就是一个blockelement。因此，您需要定义div的样式以及行为方式

找到你的小提琴

---

将代码更改为下面，添加边距：自动；显示：块；到你的按钮，这将使按钮中心

row.insertCell(0).innerHTML = '<input type="button" value = "Delete" style="width: 65px; margin:auto; display:block;" class="btn btn-danger" onClick="Javascript:deleteRow(this)">';

只需使用文本对齐：居中，如下所示：

tbody > tr > td {
  text-align: center;
}

如果要仅居中显示“第一个”的内容，请选择第一个子项：

tbody > tr > td:first-child {
  text-align: center;
} 

---

你忘了在javasript中加一个“c”：“谢谢你。在我的代码中更正了它，在本文中，这里不需要标签Javascript Javascript:DeleteRow谢谢。这是一个bootstrap.css按钮。我不能给它增添风格。这与对齐按钮的文本无关。我想将按钮本身与中心对齐。当然，您可以为其添加样式。您可以添加任何您想要的样式。据我所知，输入是一个内联元素，所以中心应该可以工作……谢谢。如何将按钮与中心对齐

tbody > tr > td:first-child {
  text-align: center;
}