在IE中围绕图像环绕文本的问题

时间:2012-02-24 20:04:49

标签: css image internet-explorer css-float textwrapping

我有一个让我疯狂的简单问题,我正在尝试在图像周围包装文本,并且它在每个浏览器中工作正常但IE。因为图片比段落大,所以以下段落从图像的底部开始。看看图片。

image-wrapping

用于对齐图片的CSS

mg.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    float: right;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    float: left;
    }

1 个答案:

答案 0 :(得分:0)

尝试将以下内容应用于您的图片:

display: inline-block;
zoom: 1; /* IE7 hack */
*display: inline; /* IE6 hack */

您无法将paddingmargin应用于inline元素。