Можно ли отображать текст по ширине, например: 33,33% и ввод: 66,34%. Когда текст в ярлыке длиннее ширины, разделите его на несколько полос и покажите первое слово (буквы) в той же строке, что и вход. Вы можете попробовать его на мобильном телефоне на моем сайте. Теперь, когда текст больше, чем ширина метки, он отображается над входом в той же строке. Сайт: сайт. Спасибо. PS: Попробуйте на 480px.
CSS:
#form input.ui-input-text, textarea.ui-input-text {
display: inline-block !important;
width: 66.64% !important;
}
#form [data-role='fieldcontain'] > label{
display: inline-block !important;
width: 33.33% !important;
}
textarea { vertical-align: middle; }
HTML:
<div data-role="fieldcontain">
<label for="f_FName">Name: *</label>
<input id="f_FName" type="text" value="" name="f_FName">
</div>
<div data-role="fieldcontain">
<label for="f_CAdd">Adresa</label>
<textarea id="f_CAdd" class="ui-input-text ui-body-d ui-corner-all ui-shadow-inset" cols="30" rows="2" name="f_CAdd" type="textarea"></textarea>
</div>
Ты пробовал:
#form input.ui-input-text, textarea.ui-input-text {
width: 66.64%;
}
#form [data-role='fieldcontain'] > label{
display: inline-block;
width: 33%;
overflow:hidden;
white-space:nowrap;/* keep text on one line */
}
textarea { vertical-align: middle; }