在IE中文本框中的左右浮动图像奇怪的间距

My example is here

我的例子就在这里

The logos look fine when told to align right or left in FF and they seem to wrap properly with the text, but in IE a huge gap shows up after the first line of text.

当被告知在FF中向右或向左对齐时,徽标看起来很好,它们似乎与文本正确包装,但在IE中,在第一行文本后出现了一个巨大的间隙。

I have also created float right and left styles and tried to apply to the logos but got the same effect. I know this is an issue in IE, but I haven't found the fix for it yet.

我还创建了浮动左右两种样式,并尝试应用于徽标但获得了相同的效果。我知道这是IE中的一个问题,但我还没有找到它的修复程序。

1 个解决方案

#1

Rather than using the align="left" and align="right" in your HTML, just include float attributes in your floatleft and floatright CSS declarations:

而不是在HTML中使用align =“left”和align =“right”,只需在floatleft和floatright CSS声明中包含float属性:

.floatleft {
    float:left;
    padding: 0px 8px 8px 0px;
}
.floatright {
    float: right;
    padding: 0px 0px 8px 8px;
}