2015-11-18 7 views
0

Im создание веб-приложения, где у меня есть некоторые проблемы с центрированием ввода.Центральный ввод в динамически сгенерированную таблицу

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; 

Если кто знает, как центрировать вход, вы мне очень поможете! По какой-то причине я ничего не нахожу в Google.

+0

Вы можете использовать устаревший HTML '

' тег: '
Я сосредоточен!
'. – x13

+4

CSS - установите ширину, используйте 'margin: auto;' ... что это связано с PHP или Laravel? – CD001

ответ

0

вы можете отцентрировать DIV и его содержимое таким образом

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

и за столом было бы как этот

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

и JavaScrip вы можете сделать это таким образом

cell1.style.textAlign = 'center'; 

и с bootstrap3 вы можете использовать класс текстового центра для div

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

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

Для центрирования содержимого текста внутри ячейки таблицы с помощью JavaScript, вы должны сделать это:

cell1.style.textAlign = 'center'; 

Конечно, если содержание находится в пределах DIV, то вам, возможно, потребуется установить выравнивание текста Собственость на div, а также в зависимости от правил вашей таблицы стилей.

Bootstrap также содержит класс утилиты, называемый text-center, который будет содержать содержимое внутри элемента, к которому применяется этот класс.

Еще одна вещь, ячейки таблицы имеют атрибуты align, которые вы также можете установить.

Смежные вопросы