0

この HTML は div を表示し、次にそのすぐ隣に入力を表示する必要がありますが、そうではありません。それらを別々の行に表示します。なにが問題ですか？

<div style="display: inline; float: left;">Title </div><input id="event_title" name="event_title" style="float:right; display: inline; width: 441px;" onclick="clear_field_color(this);"/>

次のようになります。

Title  [_____________________________________________]

しかし、次のようになります。

Title 
       [_____________________________________________]
4

3 に答える 3

2

line-heightの を soのように調整することもできますがdiv、意味的には、ラベルは div よりも意味があると思います。

于 2012-06-22T01:27:55.250 に答える
1

float:right には驚かれることでしょう。要素の順序を入れ替えるだけで、思いどおりに動作します! 最初に入力、次に div

<input id="event_title" name="event_title" style="float:right; display: inline; width: 441px;" onclick="clear_field_color(this);"/><div style="display: inline; float: left;">Title </div>
于 2012-06-22T01:29:06.173 に答える
0

タイトルとテキストボックスの間のギャップについて話している場合は、単に削除してくださいfloat:right

おそらく、タイトルの後にパディングを入れてください。

<div style="display: inline; float: left; padding-right:5px;">Title </div>
<input id="event_title" name="event_title" style=" display: inline; width: 441px;" onclick="clear_field_color(this);"/>​
于 2012-06-22T01:14:05.767 に答える