Javascript 在动态生成的表格中居中输入

我正在构建一个web应用程序，在这个应用程序中，我对集中输入有一些问题

是web应用程序的外观图片

这就是代码（JS）

var x=document.getElementById（“ddKamers”）.value；
var table=document.getElementById（“表格”）；
var row=table.insertRow（）；
var cell1=row.insertCell（）；
var cell2=row.insertCell（）；
var cell3=row.insertCell（）；
var cell4=row.insertCell（）；
var cell5=row.insertCell（）；
var cell6=row.insertCell（）；
var cell7=row.insertCell（）；
cell1.innerHTML=x；
cell2.innerHTML=“”；
cell3.innerHTML=“”；
cell4.innerHTML=“”；
cell5.innerHTML=“”；
cell6.innerHTML=“”；
cell7.innerHTML=“”；
kamerArray.push（x）；
document.getElementById（'kamers'）。value=kamerArray；

如果有人知道如何集中输入，你会帮我很多！

---

由于某些原因，我在谷歌上找不到任何东西。

你可以通过这种方式将div及其内容置于中心位置

<div style = "margin:auto 0px;">
</div>

使用bootstrap3，您可以将文本中心类用于div

<div class="text-center">
    </div>

<td class="text-center">
</td>

---

要使用javascript在表格单元格中居中显示文本内容，必须执行以下操作：

cell1.style.textAlign = 'center';

当然，如果内容在div中，那么可能还需要根据样式表规则在div上设置文本对齐属性

Bootstrap还包含一个名为

text center

的实用程序类，该类也将把内容集中在应用该类的元素中

---

还有一件事，表格单元格有

align

属性，您也可以设置这些属性。

您可以使用非常不推荐的HTML

标记：

我居中

.CSS-设置宽度，使用

margin:auto。。。这与PHP或Laravel有什么关系？
cell1.style.textAlign = 'center';

<div class="text-center">
    </div>

<td class="text-center">
</td>

cell1.style.textAlign = 'center';