Html 将元素与输入对齐（而不是与标签对齐）-引导3

在我的测试用例中，我可以在列中将输入与其标签和超链接对齐。问题是超链接与标签对齐，而不是与输入对齐：

代码如下：

       <div class="row">

            <div class="form-group col-xs-4">
                <label class="form__label" for="form__field__recipientId">Código
                    beneficiario </label> <input class="form-control input-md col-xs-8"
                    id="form__field__recipientId" name="form__field__recipientId"
                    type="text" placeholder="Introduce ordenante">
            </div>

            <div class="form-group col-xs-4">
                <a class="form__side__hyperlink" href="">Buscar beneficiario</a>
            </div>

        </div>

Código
受益人

---

我已经尝试了很多方法，主要是对元素进行内联，但我认为我做得不对，因为我最终把事情搞砸了。

我希望这可能会对您有所帮助

.row {
    display: flex;
    align-items: flex-end;
}

---

但是，与其将其指定给

.row

，不如为其指定另一个类名，并仅将样式应用于该特定类

我希望这会对你有所帮助

.row {
    display: flex;
    align-items: flex-end;
}

---

但是，与其将其指定给

.row

，不如为其指定另一个类名，并仅将样式应用于该特定类

在目前的情况下，我会这么做。希望这对你有帮助。因为超链接是表单输入的一部分，所以我将把它放在一起，而不是放在另一个表单组中

.form\uu side\uu超链接{
位置：绝对位置；
左：100%；
底部：10px；
/*或底部0，如果您希望它位于底部*/
空白：nowrap；
}

Có数字受益人

在目前的情况下，我会这样做。希望这对你有帮助。因为超链接是表单输入的一部分，所以我将把它放在一起，而不是放在另一个表单组中

.form\uu side\uu超链接{
位置：绝对位置；
左：100%；
底部：10px；
/*或底部0，如果您希望它位于底部*/
空白：nowrap；
}

Có数字受益人

总的来说，您希望链接与输入保持一致？您真正想要的是什么？将超链接与底部对齐（垂直）？事实上，这正是我想要的，@Swellar.all，您希望链接与输入保持一致吗？您实际希望得到什么？将超链接与底部对齐（垂直）？事实上，这正是我要找的，@Swellar。这会把一切搞得一团糟。我不建议在BS3的行中使用它。这就是为什么我要求为该div提供另一个类名，并为该特定类提供样式。嗨，Abinthaha，我已经尝试过你的方法。虽然它做到了这一点，但它确实弄乱了表单结构。我曾尝试将.row类复制到.flex_uu行中，但仍然更改了元素之间的间距。感谢flex值，我不知道：）

flex

是最新的css3显示属性。一旦知道了它，就可以使用它创建任何结构。这就是它的优点。是的，当然，你的结构可能会被弄乱。将

flex-grow:1

交给直接子级（

.form-group

）。与其直接应用它，不如给它另一个类名，并将样式应用于该类。这会把一切搞得一团糟。我不建议在BS3的行中使用它。这就是为什么我要求为该div提供另一个类名，并为该特定类提供样式。嗨，Abinthaha，我已经尝试过你的方法。虽然它做到了这一点，但它确实弄乱了表单结构。我曾尝试将.row类复制到.flex_uu行中，但仍然更改了元素之间的间距。感谢flex值，我不知道：）

flex

是最新的css3显示属性。一旦知道了它，就可以使用它创建任何结构。这就是它的优点。是的，当然，你的结构可能会被弄乱。将

flex-grow:1

交给直接子级（

.form-group

）。不要直接应用它，而是为它指定另一个类名并将样式应用于该类。使用

absolute

定位不是解决此问题的好方法。这可能会导致响应性设计出现问题。因此，更好的解决方案是使用

flexbox

。我坚持这个答案，因为我可以更容易地隔离这种元素（输入+超链接对齐）。使用

absolute

定位不是解决这个问题的好方法。这可能会导致响应性设计出现问题。因此，更好的解决方案是使用

flexbox

。我坚持这个答案，因为我可以更容易地隔离这种元素（输入+超链接对齐）。