html - 将内联 div 拖放到新行

Question

抱歉，我确定之前有人问过这个问题，但如果有的话，可以执行以下操作:

我有三个内联的 div，如下图所示，当浏览器窗口缩小时，它会自动将每个 div 放到下一行。我知道我可以使用 @media 命令并在浏览器有特定大小的情况下分配不同的 css 样式表，但如果我能让它流畅就更好了。

之前:

之后:

谢谢!

Answer 1

将 div 包裹在容器元素中，例如......

<div class="wrapper">
     <div id="elem1"></div>
     <div id="elem2"></div>
     <div id="elem3"></div>
</div>

然后确保 .wrapper 有一个设定的宽度，很可能是一个百分比。如果它有一个设置的宽度并且内联元素都向左浮动，一旦 .wrapper div 中不再有空间，它们就会移到下一行。