c# - 在单独的 div 中的文本区域中间对齐标签

Question

我有以下代码，我想让我的标签在 textarea 附近的中间对齐:

<div class="form-group">
    @Html.Label("Message", new { @class = "col-md-2 control-label" })
    <div class="col-md-6">
        @Html.TextArea("Message", new { @class = "form-control", rows = 10, style="vertical-align:middle;"})
    </div>
</div>

它仍然出现在 textarea 的顶部...

P.S 在单个 div 中它工作正常，但我必须删除 form-control 和 col 类...这是使标签在靠近 textarea 的中间对齐的代码:

<div class="form-group">
    <div class="col-md-6">
        @Html.Label("Message", new { @class = "control-label" })
        @Html.TextArea("Message", new { rows = 10, style="vertical-align:middle;"})
    </div>
</div>

有什么想法可以在不更改第一个代码的 div 和类的情况下实现对齐吗？

Answer 1

不确定是否可以不使用边距进行干预。以下应该给你你正在寻找的东西:

<div class="form-group">
    @Html.Label("Message", new { @class = "col-md-2 control-label", @style="margin-top: 80px" })
    <div class="col-md-6">
        @Html.TextArea("Message", new { @class = "form-control", rows = 10, style="vertical-align:middle;"})
    </div>
</div>