我需要一些帮助,试图让IE在IE中正确显示。我试图将它[箭头]向右浮动后,IE想要添加换行符......
我希望它能像Firefox一样显示(右),它们都适合一行,但我似乎无法弄清楚如何......
干杯。
background-image: url( '/img/arrow_down.gif' );
background-repeat: no-repeat;
height: 8px;
width: 15px;
display: inline;
float: right;
答案 0 :(得分:7)
发布标记会有所帮助。导致此问题的常见原因是标记中文本后面出现的箭头。如果将箭头移动到文本之前,它应该在两者中都是正确的。像:
<span class="arrow-image"></span>This is the the text.
当我第一次开始使用网页布局时,这对我来说听起来很奇怪,但我很惊讶地发现它有效(现在我理解float
好一点,这对我来说有点意义)。
尽管如此,你可能可以使用这个更简单的标记:
<ul id="menu">
<li>Some text</li>
<li>Some text</li>
<li>Some text</li>
</ul>
和CSS:
#menu > li
{
background-image: url('/img/arrow_down.gif');
background-repeat: no-repeat;
background-position: right center;
padding-right:16px; /* Width of the image */
/* ... */
}
答案 1 :(得分:0)
检查你的宽度,IE会为div添加宽度。删除边距和填充是一个好主意。