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

Question

我创建了以下包装器 div，其中包含一半宽度的 div 以包含图像。

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

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

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

Answer 1

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

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

Answer 2

好吧，您还没有发布任何 CSS，所以我们不确定已经设置了哪些属性。在您的示例中保持原样，如果您将 a 添加float:left;到图像 div，文本将围绕它流动。

Answer 3

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

难道你不能为浮动图像创建一个单独的 CSS 类，或者使用一个显示“float:right”的内联样式以及你想要的任何文本包装吗？

在 Pro Webmasters Q&A 网站上回答您的问题可能会更好。