Как выровнять кнопку по центру под таблицей?
-
10-07-2019 - |
Вопрос
Я помещаю элементы формы в таблицу, чтобы имена столбцов и входные данные были выровнены по 2 столбцам. И я положил кнопку отправки и кнопку отмены под таблицей. Ширина стола не фиксирована. Я хочу расположить кнопки по центру ширины таблицы.
Один простой способ - поместить кнопки в таблицу. Но я хочу отделить их от стола. Какой самый элегантный способ сделать это?
Решение
Структура, подобная этой:
<div>
<!-- Your table -->
<table />
<!-- Your buttons -->
<div style="text-align:center;">
<input />
</div>
</div>
Другие советы
Поскольку кнопки и таблица связаны, вы можете использовать набор полей:
<fieldset>
<!-- Your table -->
<table />
<!-- Your buttons -->
<p style="text-align:center;">
<input />
</p>
</fieldset>
Не связан с StackOverflow