表单表格输入未在HTML中对齐

Question

我的表格中有HTML表单：

b

.settings-and-performance-edit-form {
   display: table;
}

我已经尝试过寻找答案，但是找不到...有人可以告诉我输入如何相互正确对齐吗？

Answer 1

最简单的没有CSS的方法是在额外的inputs字段中添加<td>。像这样

<table>
    <tr>
        <td>
            <label for="edit-standard-dauer">Standard dauer (Wochen): </label>
        </td>
        <td>
            <input type="text" id="edit-standard-dauer">
        </td>
    </tr>
    <tr>
        <td>
            <label for="edit-verlangerung-dauer">Verlängerung Dauer (Wochen): </label>
        </td>
        <td>
            <input type="text" id="edit-verlangerung-dauer">
        </td>
    </tr>
</table>

Answer 2

只需在每个td中添加每个字段，如下所示

.settings-and-performance-edit-form {
   display: table;
}

<form action="" method="post" class="settings-and-performance-edit-form">
<table>
    <tr class="edit-form-standard-dauer">
        <td>
            
                <label for="edit-standard-dauer">Standard dauer (Wochen): </label>
                
            
        </td>
        <td>
                <input type="text" id="edit-standard-dauer">
        </td>
    </tr>
    <tr>
        <td class="edit-form-verlangerung-dauer">
                <label for="edit-verlangerung-dauer">Verlängerung Dauer (Wochen): </label>
        </td>
        <td>
                <input type="text" id="edit-verlangerung-dauer">
        </td>
    </tr>
</table>

</form>