目前我有两个带文本的 div 框 1 和 2，在第三个 div 框内将它们包含在一起。
有时框 1 中的文本比框 2 中的文本长 - 我希望文本在框 2 周围流动。
有时框 2 中的文本比框 1 中的文本长 - 我希望文本在框 1 周围流动。
一直以来，文本都沿一个方向向右或向左流动，这取决于浮点设置。
带有更多文本的框如何用更少的文本包围框？
这是如何使用 CSS 完成的？
谢谢！
问问题
265 次
1 回答
1
因为它们在两个 div 中，所以它们不能相互流动，因为 div 只能有 4 个边，矩形或正方形，它们不能相互环绕。
您需要做的只是有一个内部 div，用文本填充它并使其浮动，然后将其他文本放在浮动 div 之外但仍在最外层 div 内，这样基本上自由流动文本的父级就是最外层 div ，并且内部 div 里面有它自己的文本。
这将允许外部文本围绕内部 div 及其内容流动，但没有办法拥有 2 个 div 并根据内容长度自动让它们相互环绕。
编辑：
如果您使用 jQuery，您将能够首先将两个文本设置在隐藏元素中，测量内容，然后将较短的内容附加到内部 div 并将较长的内容附加到该 div 外部，以便将其包裹起来。
于 2012-07-25T04:23:43.243 回答