使用Blueprint CSS，如何让文本环绕图像div？

Question

我想要的是放置在包装器div中的文本在图像div周围流动，但它要么出现在它的顶部，要么只出现在它的旁边。

<div id="wrapper" class='span-8 last'>
<div id="image" class='span-4'>
</div>
</div>

我可以对我的Blueprint类进行更改以使其正常工作吗？

Answer 1

您是否正确地将文本放置在图像之后？

<div id="wrapper" class='span-8 last'>
    <div id="image" class='span-4'>
    </div>
    TEXT GOES HERE....
</div>

Answer 2

您还没有发布任何css，所以我们不知道已经设置了哪些属性。保持示例中的内容不变，如果您将一个float:left;添加到图像div中，文本将围绕它流动。

Answer 3

检查.span-4所做的样式更改。您可能需要删除其中的一个声明。

难道你不能为浮动图像创建一个单独的CSS类，或者使用一个内联样式，比如"float:right“和任何你想要的文本换行吗？

如果你的问题在the Pro Webmasters Q&A site上得到回答，你可能会更幸运。