如何在文本框下移动标签？

Question

大家晚上好，我正在 asp.net 核心解决方案中创建一个表单，但我的 ccs 有问题。

当我按下发送按钮并且我有空输入时，它会验证并发送错误消息；问题是执行此操作时，输入的大小会发生变化。 如何在我的文本框下移动这些标签？

<label asp-for="CxP_NroControl" class="control-label"></label>
<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <i class="fas fa-paragraph"></i>
        </span>
    </div>
    <input asp-for="CxP_NroControl" class="form-control" />
    <span asp-validation-for="CxP_NroControl" class="text-danger"></span>
</div>

<label asp-for="CxP_NroFactura" class="control-label"></label>
<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <i class="fas fa-paragraph"></i>
        </span>
    </div>
    <input asp-for="CxP_NroFactura" class="form-control" />
    <span asp-validation-for="CxP_NroFactura" class="text-danger"></span>
</div>

Answer 1

应用下面的 CSS 会给你想要的输出。

span.text-danger {
    display:block;
}