HTML/CSS将2个元素与1个元素对齐，例如使用一个标签对齐2个输入

HTML/CSS可以通过使用Flexbox布局或者Grid布局来实现将两个元素与一个元素对齐的效果。

1. Flexbox布局： Flexbox是一种用于创建灵活的、自适应的布局的CSS模块。通过设置容器元素的display属性为"flex"，可以将其内部的子元素按照一定的规则进行排列和对齐。

示例代码：

<div class="container">
  <input type="text" class="input1">
  <input type="text" class="input2">
  <button class="button">按钮</button>
</div>

.container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

.input1, .input2 {
  flex: 1; /* 平分剩余空间 */
}

.button {
  margin-left: 10px; /* 设置按钮与输入框之间的间距 */
}

在上述示例中，通过设置容器元素的display属性为"flex"，使得容器内的子元素可以按照一定的规则进行排列和对齐。align-items属性用于垂直居中对齐，而flex属性用于平分剩余空间，使得两个输入框占据相同的宽度。通过设置按钮的margin-left属性，可以控制按钮与输入框之间的间距。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。

1. Grid布局： Grid布局是一种二维布局系统，可以将容器划分为行和列，并通过设置网格单元格来控制元素的位置和对齐方式。

示例代码：

<div class="container">
  <input type="text" class="input1">
  <input type="text" class="input2">
  <button class="button">按钮</button>
</div>

.container {
  display: grid;
  grid-template-columns: 1fr 1fr auto; /* 划分三列，前两列平分剩余空间，最后一列自适应内容宽度 */
  align-items: center; /* 垂直居中对齐 */
  gap: 10px; /* 设置元素之间的间距 */
}

在上述示例中，通过设置容器元素的display属性为"grid"，可以将容器划分为行和列，并通过grid-template-columns属性来定义列的宽度。通过设置align-items属性，可以实现垂直居中对齐。通过设置gap属性，可以控制元素之间的间距。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。

以上是使用HTML/CSS将两个元素与一个元素对齐的方法，通过使用Flexbox布局或者Grid布局可以实现灵活的布局效果。