Question

是否可以以宽度显示文本，例如：33.33％和输入：66.34％。当标签中的文本长于宽度时，将其分成多个通道并在输入的同一行上显示第一个单词（字母）。你可以在我的网站上用手机试试。现在当文本较大时，标签的宽度显示在同一行的输入上方。网站：site。谢谢。 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>

Answer 1

你试过了吗？

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

当标签中的文字大于此标签的宽度时，如何在与输入相同的行中显示标签？

1 个答案: