Question

我正在构建一个Wordpress主题，但遇到了IE7的问题。

段落/强力标签内的第一个单词（“it”）在img标签的左侧结束，当我想要它低于图像时。

我的问题是我可以在这里更改CSS属性的唯一元素是div，因为里面的代码是由博客作者用WYSIWYG发布的。

无论如何我能解决这个问题吗？我尝试了很多不同的设置和其他浏览器FF safari IE8渲染图像下方的文本。

<div style="width: 430px;">
    <h1>It is hard getting it right in IE7!</h1> 
    <p>
        <img class="aligncenter size-full wp-image-4333"  src="http://xxx.xxx.xx/files/2010/03/xxx.jpg" alt="xxx" style="width: 430px; height: 600px" />
        <strong>It is hard</strong> getting it right in IE7!
    </p>
</div>

data.fuskbugg.se/skalman01/Ie7.png 重要的是元素风格，但剩下的就是其余部分。

strong { line-height: 16px; } 
p { 5px 0px 10px; } 
h1 { 
  font-family:"arial black","lucida console",sans-serif; font-size:30px;
  font-weight:normal; 
  line-height:31px; 
  margin:0; 
  padding:0 0 10px; 
}

Answer 1

img.size-full {display:block;}

这将（应该）在图像之后创建一个换行符。

恼人的IE7问题

1 个答案: