html - 使用 div 对齐元素

Question

我有我的表格，它看起来像这样

<form>
<fieldset>
name:textbox
lastname:textbox
address:textbox
</fieldset>
</form>

我希望我的页面像这样对齐它的元素

<form>
<fieldset>
name:      textbox
lastname:  textbox
address:   textbox
</fieldset>
</form>

我只是在使用 div，除了使用表格之外，还有其他方法可以实现这一点吗？我需要对齐这些元素，以便为我的页面提供更好的输入导航。

Answer 1

使用表相关CSS display values像在表格中一样设置 block 元素的样式:

display: table
display: table-row
display: table-cell

这将使您的 block 元素表现得像<table>。 , <tr> , 和 <td>元素分别。