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，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 回答