Question

我正在建立一个网络应用程序，我在输入中心方面存在一些问题。

This是网络应用程序的样子。

这是代码（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

你可以通过这种方式将div及其内容集中在一起

php artisan make:controller UsersController

对于表格来说就像这样

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

并且使用javascrip你可以这样做

<td align="center">Text</td>

使用bootstrap3，你可以使用文本中心类来实现div

cell1.style.textAlign = 'center';

Answer 2

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

cell1.style.textAlign = 'center';

当然，如果内容在div中，那么您可能需要根据样式表规则在div上设置text align propery。

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

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

动态生成的表

2 个答案: