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

Question

我正在构建一个 web 应用程序，但我在将输入居中时遇到了一些问题。

This是 Web 应用程序外观的图片。

这是代码(JS)。

var x = document.getElementById("ddKamers").value;

var table = document.getElementById("table");
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 = "<div class='col-md-6'><input name='stopcontacten[]' class='form-control' type='text'/></div>";
cell3.innerHTML = "<div class='col-md-6'><input name='lichtkringen[]' class='form-control' type='text'/></div>";
cell4.innerHTML = "<div class='col-md-6 center-block'><input name='schakelaars[]' class='form-control' type='text'/></div>";
cell5.innerHTML = "<input type='checkbox' id='cbTV' name='cbTV[]' class='form-control center-block'/>";
cell6.innerHTML = "<input type='checkbox' id='cbInternet' name='cbInternet[]' class='form-control center-block'/>";
cell7.innerHTML = "<button id='buttonDelete' type='button' class='btn btn-default' onclick='deleteRow(this)'><span class='glyphicon glyphicon-remove'></span></button>";

kamerArray.push(x);
document.getElementById('kamers').value = kamerArray;

如果有人知道如何使输入居中，那你会帮到我很多! 出于某种原因，我在谷歌上找不到任何东西。

Answer 1

要使用 javascript 在表格单元格中居中文本内容，您必须这样做:

cell1.style.textAlign = 'center';

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

Bootstrap 还包含一个名为 text-center 的实用程序类，它会将您应用该类的元素中的内容居中。

还有一件事，表格单元格具有您也可以设置的 align 属性。