我有以下 html 片段:
<form name="foo">
<fieldset>
<legend>Legend Here</legend>
<label for="the_date">Date: </label><input type="text" name="the_date" id="the_date">
<select class="show_when_needed" id="event_state">
<option value="-1" selected="selected">N/A</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
<option value="6">Six</option>
</select>
<div class="foobar" style="display: inline; border: 1px black; min-width: 20px; min-height: 15px; background: blue;"></div>
<button type="button" name="go_next" id="go_next">Go!</button>
</fieldset>
<hr />
<button type="button" id="save_object">Save Object</button>
</form>
我试图让 div 显示内联,并设置最小宽度(强制它显示在屏幕上)。
上面的 HTML 没有实现这个目标。如何更正它以便 div 出现在选择选项控件旁边?
[[附加信息]]
我已经在最新版本的 FF 和 Chrome 上尝试过这个 - 两者都无法正确显示。
你需要给元素 a display: inline-block
,你不能设置内联元素的宽度或高度,因为它的行为就像 a<span>
或 a<strong>
一样,只占用它需要的空间。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句