【问题标题】: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 */
    

    您不能将paddingmargin 应用于inline 元素。

    【讨论】:

    • 对 CSS hack 的建议必须附有警告,例如:“这不是有效的 CSS”和“最好为此使用单独的样式表并使用条件 cmets 来包含样式。”跨度>
    猜你喜欢
    • 2013-07-02
    • 1970-01-01
    • 1970-01-01
    • 2010-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多