当内联图像左对齐或右对齐时,我遇到了列内文本溢出的问题。这很难描述,所以我在 http://alaskalegion.com/dev/test.php 创建了一个示例页面
这只出现在 IE6 和 IE7 中。关于如何解决这个问题有什么想法吗?
我在生成这些的后端使用 fckeditor。
最佳答案
您需要确保 p
标签环绕图像,以便其他段落位于图像的上方和下方。我现在不能测试它,但我通常在周围的 block (段落)上使用 overflow:hidden
,我认为对于 IE,你需要像 zoom:1
这样的东西.
顺便说一句,你能不能去掉内联“align:left”并在外部样式表中用 css 替换它,例如:
#center-column p img {
float: none; // if still necessary...
}
#wide_column p img { // I don´t know what the id of the wide column is...
float: left;
}
(我不知道你是否需要 p
选择器,我只是想在没有看到你的代码的情况下定位正确的图像)
关于css - 图像对齐 :left causes text overflow in IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4446079/