我正在尝试在下面的页面中让文本环绕图像。尽管图像向左浮动,但文本似乎并没有环绕。
我将不胜感激任何帮助
你的.region
班级有一个float:left
应该删除的规则。然后您还需要删除clear:both
h2 元素上的规则。然后,您需要向float:left
页面上的图像添加规则。
我想我找到了解决办法。它对我很好。
我所做的是创建一个名为content的 div ,并将其放置在一个img和另一个包含文本的 div 中。看看这里http://jsfiddle.net/Apfyv/
希望能帮助到你!
您在 a 中有图像和文本,div
并且都向左浮动......这很好 - 但div
元素没有指定宽度 - 所以它们占用 100%(块元素) - 如果你分配div
它显示的 sa 宽度在图像的右侧
似乎文本没有环绕图像,因为文本和图形都在两个单独的 DIV 标签中,您应该合并它们。
添加样式
.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;
}