Как я выравниваю маркировку и текстовую область?

Мой код заканчивается как:

             XXXXX
             XXXXX
Description: XXXXX

Я хочу:

             XXXXX
Description: XXXXX
             XXXXX

"Описание" иногда охватывает несколько строк.

Код:

<p class="DataForm">
    <label>Blah blah blah Description:</label>
    <asp:TextBox ID="txtBlahblahblahDescription" runat="server" TextMode="MultiLine"  Rows="8" Columns="50"></asp:TextBox><br />
</p>

CSS:

.DataForm {
}
.DataForm label {
    display: inline-block;
    font-size:small;
    margin-left:5px;
    width:5%;
    min-width:60px;
}
.DataForm input {
    margin-right:9px;
    display: inline-block;
    width:21%;
    min-width:30px;
}
81
задан TylerH 3 November 2019 в 18:43
поделиться

3 ответа

Вам нужно поместить их оба в какой-либо элемент контейнера, а затем применить к нему выравнивание.

Например:

 .formfield * {vertical-align: middle; } 
 

104
ответ дан 24 November 2019 в 09:40
поделиться

Используйте vertical-align: middle в вашем CSS.

<table>
    <tr>
       <td style="vertical-align:middle">Description:</td>
       <td><textarea></textarea></td>
    </tr>
</table>
3
ответ дан 24 November 2019 в 09:40
поделиться

Попробуйте установить высоту элементов td.

vertical-align: middle; 

означает, что элемент, к которому применяется стиль, будет выровнен внутри родительского элемента. Высота td может быть равна высоте текста внутри.

0
ответ дан 24 November 2019 в 09:40
поделиться
Другие вопросы по тегам:

Похожие вопросы: