Google chrome a中的左浮动图像<；李>；铬问题
我试图创建一个有序列表，其中包含一个左浮动图像+每个li的链接 它可以在IE9和FF中正常工作，但在IE8和Chrome上却无法正常工作 这是一个非常直截了当的事情Google chrome a中的左浮动图像<；李>；铬问题,google-chrome,css-float,Google Chrome,Css Float,我试图创建一个有序列表，其中包含一个左浮动图像+每个li的链接 它可以在IE9和FF中正常工作，但在IE8和Chrome上却无法正常工作 这是一个非常直截了当的事情 <li><img style="float:left" src=".." /><a href="..">some text</a></li> <li><a href="/v4/Profile/0"><img class="smallAvata
<li><img style="float:left" src=".." /><a href="..">some text</a></li>
<li><a href="/v4/Profile/0"><img class="smallAvatar" src="/v4/thumb.axd/30_0/DA1D9A43075B47A1BAE73076E8D7867A.jpg"></a>
<a href="/Message/390638-Mind-Game">Mind Game</a><br />
<span class="msgInfo">(8 Replies)</span></li>
<li><img style="float:left" src=".." /><a href="..">some text</a></li>
<li><a href="/v4/Profile/0"><img class="smallAvatar" src="/v4/thumb.axd/30_0/DA1D9A43075B47A1BAE73076E8D7867A.jpg"></a>
<a href="/Message/390638-Mind-Game">Mind Game</a><br />
<span class="msgInfo">(8 Replies)</span></li>
（8份答复）
图像是一个化身，因此它比文本高。我想让阿凡达浮动到左边，右边有两行文字。我不确定是否有其他方法可以在没有左浮动的情况下实现这一点为什么要使用浮动 这在Chrome中适用于我： 编辑：我会尝试使用 查看更新的JSFIDLE： 我将元素“
垂直对齐”ol li img {
vertical-align: middle;
}
ol li a {
vertical-align: top;
}
您为什么要浮动 这在Chrome中适用于我： 编辑：我会尝试使用 查看更新的JSFIDLE： 我将元素“
垂直对齐”ol li img {
vertical-align: middle;
}
ol li a {
vertical-align: top;
}
Chrome中严格要求使用
或
或
if(window.chrome != undefined)
{
//remove float and add some margin image/text
}
仅在需要时使用float属性。它通常用于解决跨浏览器的对齐问题。 取而代之的是给你的图片和文字留出空白。如果没有任何东西可以按你的方式工作，那么你可以使用一个小的Javascript调整来解决Chrome问题 当你的页面加载时，把这个放到你的
if(window.chrome != undefined)
{
//remove float and add some margin image/text
}
我在Chrome中遇到了同样的问题，并通过将我的li内容放入div中进行了修复。因此，您的代码将如下所示：
<li><div><a href="/v4/Profile/0"><img class="smallAvatar" src="/v4/thumb.axd/30_0/DA1D9A43075B47A1BAE73076E8D7867A.jpg"></a>
<a href="/Message/390638-Mind-Game">Mind Game</a><br />
<span class="msgInfo">(8 Replies)</span></div></li>
（8份答复）
这样，列表中的点或数字就位于图像前面，不再与图像重叠。我在Chrome中遇到了同样的问题，并通过将我的li内容放入div来解决。因此，您的代码将如下所示：
<li><div><a href="/v4/Profile/0"><img class="smallAvatar" src="/v4/thumb.axd/30_0/DA1D9A43075B47A1BAE73076E8D7867A.jpg"></a>
<a href="/Message/390638-Mind-Game">Mind Game</a><br />
<span class="msgInfo">(8 Replies)</span></div></li>
（8份答复）
这样，列表中的点或数字就位于图像的前面，不再与图像重叠。您是否要将图像用于
li列表样式图像：url（'sourse'）li列表样式图像：url（'sourse'）