html - 里面的图片隐藏数字？

Question

<ol>
   <li><img src="someimage" class="pic"> text</li>
   <li>some </li>
</ol>

和风格：

.pic {float:left;}

基本上第一个元素不显示1. 计数从第二个<li>开始2.

如果删除图像上的 float:left，则数字 1. 再次显示。有什么想法吗？

示例： http: //jsfiddle.net/jHS2S/
截图：http: //i45.tinypic.com/34t7eaq.png

Answer 1

让图像大小为 24x24 然后使用

<ol>
   <li style="min-height:24px;"><img src="someimage" class="pic"> text</li>
   <li style="min-height:24px;">some </li>
</ol>

这是一个演示http://jsfiddle.net/jHS2S/1/

Answer 2

您的列表样式位置是否设置在列表中？如果您使用list-style-position:inside;的是 li 容器内的数字，它将被 float:left 覆盖。尝试list-style-position:outside;

clear:left如果您的图像比行高高得多，您可能还想在 li 类中添加一个。