html - 当图像向左浮动时在 IE 中列出问题

Question

我有一个元素列表，其中包含文本和 float 在左侧的图像。我希望列表中的文本环绕图像，这就是为什么我在图像上使用了 float 。

它在 Firefox 和 Chrome 中工作正常，但在 Internet Explorer 中，列表中的元素符号或数字不会紧挨着文本，而是在行的开头，在图像上方。

检查这个JSFIDDLE在 Internet Explorer 上查看问题。我在 Internet Explorer 10 和 9 上对其进行了测试。

标准的html代码是这样的:

<img src="img_src" style="float:left">
<ol>
    <li>Lorem ipsum dolor sit amet, vidit reque dicam vel in, eum dolore disputando et. Stet paulo no qui, mazim eirmod gloriatur vim te, nec commune intellegam id. Cu vis epicuri placerat, tractatos pertinacia vel ad, adipisci moderatius interpretaris nam ex. Per option minimum convenire cu, cum diam falli cu.</li>
    <li>Lorem ipsum dolor sit amet, vidit reque dicam vel in, eum dolore disputando et. Stet paulo no qui, mazim eirmod gloriatur vim te, nec commune intellegam id. Cu vis epicuri placerat, tractatos pertinacia vel ad, adipisci moderatius interpretaris nam ex. Per option minimum convenire cu, cum diam falli cu.</li>
</ol>

Answer 1

试试这个:

JSFiddle - DEMO

ol {
    list-style-position: inside;
}