我有一个包含多个输入的 Web 表单,其中一些位于另一个旁边,而另一些则位于新行上。示例如下:
<h3>Max and Min Value</h3>
Max: <input name=max_value type=number>* Min: <input name=min_value type=number>
<h3>Overall Value</h3>
Overall: <input name=overall type=number>
如果浏览器窗口足够宽,我想定位max_value
并且min_value
它们在同一行,否则在*
位置处换行。我知道我可以通过将它们包含在包装元素中并使用它们float:left
来设置样式来完成工作。但这会影响整个文档的流程,除非我引入额外的间隔元素。
是否有另一种方法可以在不影响文档流的情况下创建可选换行符?