网络技术图形图像操作系统上网指南工具软件办公软件媒体动画网站运营认证考试网页制作技术开发 web编程电脑入门游戏 QQ

当前位置：网侠 → 网页制作 → Css → 小技巧：CSS列表标签出现问题的解决办法

小技巧：CSS列表标签出现问题的解决办法

日期：2007年7月16日作者：查看:[大字体中字体小字体]

　　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认为：列表本来就不把序号算在实体内。在实际应用中，应该避免出现这样的问题！

（出处：网侠）
小技巧：CSS列表标签出现问题的解决办法相关文章：
·小技巧：CSS列表标签出现问题的解决办法
小技巧：CSS列表标签出现问题的解决办法相关软件

上一篇:利用下载漏洞对数据库发起网络上的攻击

下一篇:精细讲述SQL Server数据库备份多种方法

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐

| 帮助(？) | 版权声明 | 友情连接 | 信息发布
Copyright 2003-2007 网侠 All Rights Reserved. 粤ICP备05018371号