如何在@ Html.TextAreaFor中垂直對齊文本

Question

如何在@ Html.TextAreaFor中垂直居中放置文本？

這是HTML

<table class="width100percent padding0Margin0">
            <tr class="height35">
                <td class="width150">
                    Description
                </td>
                <td class="textValignMiddle">
                    @Html.TextAreaFor(m => m.Job.Description, new { @class = "width646 height25", @placeholder = "Enter " + @Model.GetNameJob + " description" })
                </td>
            </tr>
        </table>

我已經嘗試跟隨CSS，但是我沒有什么需要

.textBottom{vertical-align: text-bottom;}
.textTop{vertical-align:text-top;}
.textVerticalAlignTop{vertical-align:top;}
.textBaseLine{vertical-align:baseline; }
.textValignBottom{vertical-align:bottom;}
.textValignMiddle {vertical-align: middle;}

這樣做的唯一方法是添加padding-top然后縮小文本框的大小嗎？

Answer 1

請關注此CSS ...

.textValignMiddle 
{
vertical-align:middle;
display: table-cell;
float: none;
}