收藏 分享(赏)

关于ol和ul的padding和margin默认值_6.doc

上传人:kuailexingkong 文档编号:1185848 上传时间:2018-06-17 格式:DOC 页数:2 大小:14.50KB
下载 相关 举报
关于ol和ul的padding和margin默认值_6.doc_第1页
第1页 / 共2页
关于ol和ul的padding和margin默认值_6.doc_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

1、 关于 ol 和 ul 的 padding 和 margin 默认值ol, ul padding-left:40px; 而 IE 的默认样式是:ol, ul margin-left:30pt; Opera 8 或者以前的版本是否和 IE 一样?有兴趣的同志可以自行测试。但这至少说明一点,除了微软之外的浏览器厂商都达成一致意见,list 的缩进应该使用padding 来控制。其实这很好理解,缩进的是每一个 item 而不是整个的 list。设计者对 list有怎样的期望呢?比如说设置了 ul 的 background:green,多数人应会期待整个 ul(即包括了 padding 的部分)都使用

2、绿色背景色,而不会希望在 list 的左侧缺失 30pt(通常等于40px) 。其次,marker 部分(就是 item 之前的小圆点或者数字序号部分)是在 li 之外的,但从逻辑上说它属于 list 的一部分,在 list 之内。而 IE 使用 margin,实际上就导致了marker 部分是悬于 list 之外。实际上,如果 list 获得了 layout(hasLayout) ,你就发现marker 不见了!因为在 IE 臭名昭著的 layout 模型里,hasLayout 之后,元素对象会自行处理其所占据区域的呈现,但是无法处理其区域之外。这也是其的 width/height 实际上类

3、似min-width/min-height 的原因,因为它无法绘制 overflow 到外面的部分。CSS Code 复制内容到剪贴板style ol background:green; ol#myList2 zoom:1; /style ol id=“myList1“ liFirst item/li liSecond item/li liThird item/li /ol ol id=“myList2“ liFirst item/li liSecond item/li liThird item/li /ol 所以,比较好的方法就是给所有网页统一 list 的 margin 和 padding

4、,比如: ol, ul margin-left:0; padding-left:40px; 或者也可以只针对 IE 进行修复: ol, ul _margin-left:0; _padding-left:40px; 下面是其他网友的补充:UL 标签的 padding 与 margin 默认值 40pxUL 标签的 padding 与 margin 默认值ul 标签在 FF 中默认只有 padding 值(即:padding-left:40px),而在 IE 中只默认有 margin 值(即:margin-left:40px),所以先定义 ulmargin:0;padding:0;就能解决大部分问题。一般都在总样式规定一下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img padding:0;margin:0;

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 经营企划

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报