2

行に表示したい入力があるフォームがありますが、幅が非常に小さくなる前に行が途切れます。これはコードです：

<div data-role='fieldcontain' id='TempLimits'>
<label for='Tmin' style='display-inline;width:50px'> Min.:</label>
<input type='text' name='Tmin' id='Tmin' value='0' style='display:inline;width:50px' />
<label for='Tmin' style='display-inline;width:50px'> ºC</label>
<br>
<label for='Tmax' style='display-inline;width:50px'>Max.:</label>
<input type='text' name='Tmax' id='Tmax' value='60' style='display:inline;width:50px' />
<label for='Tmax' style='display-inline;width:50px'> ºC</label>

そして、これは私が保持したいものと問題が何であるかを示す画像です（私は評判で直接公開することはできません）：

ラインラベル 内ラインラベル内ではありません

さらに、ラベルを入力の上部ではなく入力の中央/下部に揃える方法はありますか？

どうもありがとう

4

1 に答える 1

4

css-stylefloat: leftを要素に追加すると、自動的に次の行に移動します。

私はこれが最初の行で機能するはずだと思います：

<label for='Tmin' style='width:50px'> Min.:</label> <input type='text' name='Tmin' id='Tmin' value='0' style='float: left; width:50px' /> <label for='Tmin' style='float: left; width:50px'> ºC</label>

于 2012-05-21T13:02:46.190 に答える