html - 带有 CSS 或 jQuery 的动态形状(也许是流体？)div

Question

我有一个很大的 div，其中包含两个 div。这些较小的 div 必须在同一行中，所以我使用“display:inline-block”来实现。但是当第二个 div 的文本变长时，那个 div 会向下一行。所以，我想做的是，使第二个 div 成为某种流体，使其保持在同一行，然后其余部分下降。

这里我有一张来自 Paint 的示例图片:

我正在寻找可以轻松处理的 CSS 或 jQuery 解决方案。希望我能解释一下，谢谢。

Answer 1

为您的#text div 提供float: left; 样式，并将其放在源代码顺序中的#secondText div 之前。这将强制您的 #secondText 内容环绕 #text。

<div id="text">Text</div>
<div id="secondText">Another text continues here</div>

还有 CSS:

#text { float: left; }