CSS右对齐，居中于<；td>；

如何对齐3个输入字段，使右边缘都是垂直的？ 我仍然希望文本+输入位于列的中间，但垂直对齐…

目前正在使用Bootstrap 3.3.7

HTML:

净。配置
IP地址：
网络掩码：
网关：
DHCP
申请

您可以一次性解决问题并提高可用性/可访问性。我们可以使用

表单上的
flexbox
显示来解决对齐问题。我在文本中添加了
s，并将它们设置为
flex-grow:1
。这告诉
s占用最大水平空间。另一个优点是，它在每个父
flex
容器中创建第二个子元素进行操作


表单{
显示器：flex；
}
标签{
柔性生长：1；
文本对齐：右对齐；
右边填充：10px；
}

一串
长线
最长的弦
该代码中存在许多错误（或至少不符合标准和良好实践）

首先：您不需要为每个字段使用一个表单标记，而只需要为整个表使用一个表单标记

Second：不建议将表用于此类内容。还有很多其他方法可以做到这一点。例如flexbox（）
仅当必须显示的信息是实际表格时，才建议使用表格。（行和列中的一组信息）

第三个：th标记应该在AD标记内使用（h表示标题，它们应该是显示该列内容标题的每列的顶部单元格）

如果仍要为此使用表，则应为字段的标签创建一个td，为每行的输入创建一个td，并且可以使用colspan和rowspan使单元格占据多个单元格的空间（水平或垂直），请尝试以下代码：

<table>
    <tr>
        <td rowspan="3">net. config</td>
        <td style="text-align:right;">IP Address</td>
        <td><input type="text" id="SYST_IPAD" placeholder="0.0.0.0"></td>
    </tr>
    <tr>
        <td style="text-align:right;">Netmask</td>
        <td><input type="text" id="SYST_NETM" placeholder="0.0.0.0"></td>
    </tr>
    <tr>
        <td style="text-align:right;">Gateway</td>
        <td><input type="text" id="SYST_GWAD" placeholder="0.0.0.0"></td>
    </tr>
</table>


净。配置
IP地址
子网掩码
网关
当您使用引导时，您可以使用
col-md-4
和
col-md-8
，以便元素垂直对齐。对于文本+输入位于中间，可以使用<代码>文本对齐：中心；<代码>

我在这里举了一个例子
 您不应在表单中使用
表
结构。而且您正在为每个不良的
输入创建
表单
。使用引导程序的网格