CSS列表标签出现问题的解决办法_网络技术教程_网站制作

CSS列表标签出现问题的解决办法

CSS列表标签出现问题的解决办法

作者：佚名文章来源：本站原创点击数：更新时间：2007-6-29 18:08:12

关键字信息载入中...

广告载入中...

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

文章录入：lwyx 责任编辑：lwyx

上一篇文章： CSS网页设计中使用背景图片须注意路径问题

下一篇文章：从表格Table向标准CSS过渡并不困难

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

网络热门

网络热门信息载入中...

相关评论信息载入中...

友情链接

虚拟主机	羿高域名商务	千度安全认证	电脑问题知识库	中国站长学院	推广之家	中国教程网	电脑爱好者俱乐部
常州IT网	电脑之家	帮你我网	IT知道网	点击申请	点击申请	点击申请	点击申请

文字环绕图片在CSS中的高…
滑动门技术在CSS中的高级…
如何兼容IE和Firefox浏览…
DIV+CSS常见错误汇总
CSS:简化CSS中属性的示例…
IE7对css选择器的改进
css布局实例:网页布局的…
多种浏览器下CSS控制DIV…
一句css代码实现黑白素色…
使用DreamWeaver编写CSS…