我有一个带有文本和图像的项目列表,该图像浮动在左侧。我希望列表中的文本能够环绕图像,因此这就是为什么我在图像上使用了float的原因。
在Firefox和Chrome浏览器中它可以正常工作,但是在Internet Explorer上,列表中的项目符号或数字不会位于文本旁边,而是位于行的开头,位于图像上方。
在Internet Explorer上检查此JSFIDDLE以查看问题。我在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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句