在图像周围环绕文字

时间:2012-06-13 17:12:59

标签: html css css-float

我正在尝试在下面的页面中围绕图像进行文本环绕。虽然图像浮动到左侧,但文本似乎没有环绕。

http://goo.gl/SskvJ

我将不胜感激任何帮助

5 个答案:

答案 0 :(得分:1)

您的.region班级有float:left规则应删除。然后,您还需要删除h2元素上的clear:both规则。然后,您需要在页面上的图像中添加float:left规则。

答案 1 :(得分:1)

我想我找到了解决方案。它对我很好。

我所做的是创建一个名为 content 的div,然后我放入 img 以及另一个包含文本的div。 请看这里http://jsfiddle.net/Apfyv/

希望它有所帮助!

答案 2 :(得分:0)

你有div中的图像和文字,并且左边都是浮动的...这很好 - 但是div元素没有指定宽度 - 所以它们占用了100% (块元素) - 如果指定div sa宽度,则显示在图像右侧

答案 3 :(得分:0)

似乎文本没有环绕图像,因为文本和图形都在两个单独的DIV标记中,您应该合并它们。

答案 4 :(得分:0)

添加样式

.region > img {
    float: left;
}

并将display: inline-block添加到#page_product #overview h2

#page_product #overview h2 {
    margin: 0 0 1.5em;
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.429;
    display: inline-block;
}