当前位置 : 主页>网页制作>css>列表

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

来源：互联网 作者：west263.com 时间：2008-02-23

西部数码-全国虚拟主机10强！40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

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

关键词：

【推荐给好友】【关闭】

您的评论

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

[打印] [关闭]

相关文章

运筹帷幄用CSS控制网站总“队形

简单也复杂网页中的文章的标题

一行CSS代码就可以把IE6彻底制服

在DreamWeaver中应用CSS样式表技

上一篇：CSS网页设计中使用背景图片须注意路径问题
下一篇：用CSS控制图片自适应大小的方法

热点关注

IDC资讯虚拟主机域名注册托管租用 vps主机智能建站
网站运营建站经验策划盈利搜索优化网站推广免费资源
网站联盟联盟新闻联盟介绍联盟点评网赚技巧
行业资讯业界动态搜索引擎网络游戏门户动态电子商务广告传媒
网络编程 Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术 Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护
软件技巧其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷 Internet Explorer
网页制作 FrontPages Dreamweaver Javascript css photoshop fireworks Flash
程序设计 Java技术 C/C++ VB delphi
网络知识网络协议网络安全网络管理组网方案 Cisco技术
操作系统 Win2000 WinXP Win2003 Mac OS Linux FreeBSD

版权所有西部数码(www.west263.com)
CopyRight (c) 2002~2007 west263.com all right reserved.
公司地址：四川成都市万和路90号天象大厦4楼　邮编：610031
电话总机：028-86263408 86263960 86264018 86267838 86262244 86263408
售前咨询：总机转201 202 203 204 205 206 207 208
售后服务：总机转211 212 213 214 217 218 晚上0点以后拔分机225