<li>隐藏号码里面的图片？</li>

Question

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

风格：

.pic {float:left;}

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

如果删除浮动：左侧图像，则数字1再次显示。有什么想法吗？

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

Answer 1

列表样式位置是否在列表中设置？如果您使用的是list-style-position:inside;，则该数字位于li容器内部，并且将由float：left's覆盖。试试list-style-position:outside;

如果您的图片比线条高度高得多，您可能还想为您的li课程添加clear:left。

Answer 2

让图像大小为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/