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

【问题标题】：Issue With Wrapping Text Around Images in IE在 IE 中围绕图像环绕文本的问题
【发布时间】：2012-06-05 01:07:27
【问题描述】：

我有一个让我发疯的简单问题，我正在尝试在图像周围环绕文本，它在除 IE 之外的所有浏览器中都能正常工作。因为图片比段落大，所以以下段落从图像底部开始。看看图片。

用于对齐图片的 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;
    }

【问题讨论】：

标签： css image internet-explorer css-float word-wrap

【解决方案1】：

尝试将以下内容应用于您的图像：

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

您不能将padding 或margin 应用于inline 元素。

【讨论】：

对 CSS hack 的建议必须附有警告，例如：“这不是有效的 CSS”和“最好为此使用单独的样式表并使用条件 cmets 来包含样式。”跨度>