目前我有两个div box 1& 2带有文本,在第3个div框中将它们包含在一起。
有时框1中的文字比文字框2中的文字长 - 我希望文字围绕框2流动 有时框2中的文本比box1中的文本长 - 我希望文本在box1周围流动。
所有while文本在一个方向上流动 Right 或 Left ,取决于 Float设置。
带有更多文字的文字框如何包含较少的文字?
如何使用CSS完成?
谢谢!
答案 0 :(得分:1)
因为它们是两个div,所以它们不能相互流动,因为div只能有4个边,即矩形或正方形,它们不能相互缠绕。
你需要做的只是有一个内部div,用文本填充并浮动它,然后将另一个文本放在浮动div之外但仍然在最外面的div中,这样基本上自由流动的文本的父级是最里面的div,内部div里面有自己的文本。
这将允许外部文本围绕内部div和它的内容流动,但是没有办法拥有2个div并根据内容长度自动让它们相互缠绕。
编辑:
如果你使用jQuery,你将能够首先在隐藏元素中设置两个文本,测量内容然后将较短的内容附加到内部div,将较长的内容附加到div之外,以便它包围它。