1. 绝对定位
使用绝对定位可以使表单方框的两端对齐。绝对定位可以使用top和bottom属性来指定定位点的位置。例如，可以使用以下代码将表单方框的两端对齐：
.对齐表单方框 {
position: absolute;
top: 50%;
transform: translateY(-50%);
在上面的代码中，使用top属性将定位点设置为表单方框父元素顶部的50%，然后使用transform属性将定位点向上移动50%。这样，表单方框的两端就会在父元素顶部对齐。
2. 伪类元素
使用伪类元素可以使表单方框的两端对齐。伪类元素包括：table、tr、td和caption。其中，table和caption元素具有position: relative属性，可以将其定位到页面中任意位置。tr和td元素具有position: absolute和transform属性，可以将其定位到父元素的顶部或底部，并使用top和bottom属性将其向上或向下移动。例如，可以使用以下代码将表单方框的两端对齐：
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
在上面的代码中，使用table伪类元素将表单方框的两端对齐。table伪类元素具有position: relative属性，可以将其定位到页面中任意位置。然后，使用top和bottom属性将其向上移动，使表单方框的两端对齐。使用tr和td伪类元素将表单方框的其他部分填充，使其看起来更美观。
3.表格背景
使用表格背景可以使表单方框的两端对齐。表格背景可以使用background属性来设置，并指定一个颜色和大小。例如，可以使用以下代码将表单方框的两端对齐：
.对齐表单方框 {
background: #F00;
background-size: cover;
background-position: center;
在上面的代码中，使用background属性将表单方框的背景设置为深红色，并使用background-size和background-position属性将其居中对齐。
以上就是CSS中表单方框两端对齐的几种方法，通过这些方法，可以使表单方框的两端在父元素顶部对齐。