使用Blueprint CSS,如何获取文本以包围图像div?

时间:2010-11-26 01:09:27

标签: html css blueprint-css

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

我想要的是放置在包装器div中的文本在图像div周围流动但是它出现在它上面或者只出现在它的侧面。

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

我可以对我的Blueprint课程进行更改以使其工作吗?

3 个答案:

答案 0 :(得分:2)

您是否在图片后正确放置了文字?

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

答案 1 :(得分:1)

嗯,你还没有发布任何CSS,所以我们不确定已经设置了什么属性。在示例中保留原样,如果向图像div添加float:left;,文本将围绕它流动。

答案 2 :(得分:0)

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

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

您可能还有更好的运气在the Pro Webmasters Q&A site上回答您的问题。