两个div box 1& 2带有文字,在第3个div框内。有时框1中的文本比box2中的文本长

时间:2012-07-25 04:15:08

标签: html css css3 css-float

目前我有两个div box 1& 2带有文本,在第3个div框中将它们包含在一起。

  

有时框1中的文字比文字框2中的文字长 - 我希望文字围绕框2流动   有时框2中的文本比box1中的文本长 - 我希望文本在box1周围流动。

所有while文本在一个方向上流动 Right Left ,取决于 Float设置

带有更多文字的文字框如何包含较少的文字?

如何使用CSS完成?

谢谢!

1 个答案:

答案 0 :(得分:1)

因为它们是两个div,所以它们不能相互流动,因为div只能有4个边,即矩形或正方形,它们不能相互缠绕。

你需要做的只是有一个内部div,用文本填充并浮动它,然后将另一个文本放在浮动div之外但仍然在最外面的div中,这样基本上自由流动的文本的父级是最里面的div,内部div里面有自己的文本。

这将允许外部文本围绕内部div和它的内容流动,但是没有办法拥有2个div并根据内容长度自动让它们相互缠绕。

编辑:

如果你使用jQuery,你将能够首先在隐藏元素中设置两个文本,测量内容然后将较短的内容附加到内部div,将较长的内容附加到div之外,以便它包围它。