将textarea中间的标签对齐在不同的div中

时间:2015-06-18 18:10:23

标签: c# css asp.net-mvc class razor

我有以下代码,我想让我的标签在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和类的情况下进行对齐的任何想法?

1 个答案:

答案 0 :(得分: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>