Как отобразить метку в той же строке, что и ввод, когда текст в метке больше ширины этой метки?

Question

Как отобразить метку в той же строке, что и ввод, когда текст в метке больше ширины этой метки?

0

Можно ли отображать текст по ширине, например: 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>

user3342042 21 март 2014, в 15:55

Источник

Теги:

html

css

1 ответ

Ещё вопросы

G-Cyr · Accepted Answer · 2014-03-21T11-58-00.000Z

Ты пробовал:

#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; }