小技巧：CSS列表标签出现效果的处置方法-CSS教程-爱易网页

小技巧：CSS列表标签出现效果的处置方法

日期：2013-09-26　浏览次数：21147 次

　　DIV CSS网页制造小技巧：li中出现两个以上浮动时列表标记出现问题的处理办法。

　　在LI中定义了两个以上float浮动，其中有一个左浮动。IE中列表标记跑到左边，ff中本人定义一行。看下面的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="//www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ol {list-style:inside;}span {display:block; float:left; margin:0 6px;}</style></head><body><ol><li><span><a href="#">文字</a></span><span><a href="#">文字</a></span><span><a href="#">文字</a></span></li></ol></body></html>

[Ctrl+A 全部选择提示：你可先修正部分代码，再按运转]

　　列表的LI在IE中，定了宽后，序号就变为1；定了浮动后，就没有了序号，FF却不同。IE认为：列表本来就不把序号算在实体内。在实际使用中，应该避免出现这样的问题！