Флажок центрирования в тд (Bootstrap) - PullRequest
Новая
       15

Флажок центрирования в тд (Bootstrap)

0 голосов
/ 11 апреля 2019

Прежде всего, я искал решения, но ни одно из них не помогло мне, я не знаю, почему.

Я хочу установить флажок в ячейке таблицы.

Мой "вывод" в Chrome: скриншот

Мой код: 

{ 
  text-align: center;
  vertical-align:center;
}
<td class="align-middle text-center" style="border: 1px solid red; width: 50px;">
	<div class="form-check-inline">
    <input type="checkbox" class="form-check-input" style="margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0px;" name="students[]" id="students" value="{{ $student->id }}">   
    </div>
 </td>

Я просто не могу отцентрировать его по горизонтали.Я пробовал все, что в атрибуте стиля и в CSS { text-align: center; vertical-align:center;).

1 Ответ

0 голосов
/ 12 апреля 2019

Примените свойства выравнивания к классам, которые вы определили для элемента td, и убедитесь, что он помещен в таблицу, в противном случае теги td будут удалены браузером (см. в этом посте ): 

.align-middle { 
  vertical-align:center;
}

.text-center {
  text-align: center;
}
<table>
  <td class="align-middle text-center" style="border: 1px solid red; width: 50px;">
    <div class="form-check-inline">
      <input type="checkbox" class="form-check-input" style="margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0px;" name="students[]" id="students" value="{{ $student->id }}">   
    </div>
  </td>
</table>
...