数码资讯
OL和UL的填充和边距默认值
本文主要介绍OL和UL的填充和边距缺省值,您需要的朋友可以参考一下。 在本书精通CSS第五章,作者说,IE和Opera使用保证金左缩进列表,和Safari和Firefox使用padding-left.after我的实际测试,结果发现,Opera 9(我测量了歌剧9.23)为FF和Safari一样,也
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文主要介绍OL和UL的填充和边距缺省值,您需要的朋友可以参考一下。
在本书精通CSS第五章,作者说,IE和Opera使用保证金左缩进列表,和Safari和Firefox使用padding-left.after我的实际测试,结果发现,Opera 9(我测量了歌剧9.23)为FF和Safari一样,也用padding-left.to更精确,其默认风格应该是:
OL,UL {填充左:40px;}
IE的默认样式是:
OL,UL {保证金左:30pt;}
歌剧8或以前的版本像IE有兴趣的同志可以自己测试一下。
但是这至少是一个点,除了微软以外的浏览器厂商的共识,列表的缩进应该通过填充来控制。事实上,缩进是每个项目,而不是整个列表。设计师对列表的期望是什么例如,如果UL背景:绿色是成立的,大多数人应该期望整个UL(包括填充部分)使用绿色背景颜色而不是在左侧列表30pt(通常等于40px)。其次,标记部分(即点之前的项目,或数字编号部分)是在里县以外的地方,但从逻辑上讲,它属于清单的一部分,在列表和IE使用保证金,这实际上使标记部分被暂停名单。事实上,如果列表获取布局(haslayout),你会发现标记了!Because in the notorious layout model of IE, after hasLayout, the element object will process the presentation of its occupied area itself, but it can not handle its area outside.This is also the reason its width/height is actually similar to min-width/min-height, because it can't draw the part of the overflow to the outside.
CSS代码将内容复制到剪贴板。
背景:绿色;}
OL # mylist2 {变焦:1;}
第一项…
第二项…
第三项目…
第一项…
第二项…
第三项目…
因此,更好的方法是统一列表的边距和所有Web页面的填充,例如:
OL,UL {保证金左:0;填充左:40px;}
或者你只能修IE:
OL,UL { _margin-left:0;_padding-left:40px;}
以下是对其他互联网用户的补充:
填料和UL标签边缘的默认值是40px
UL标签的边距和边距默认值。
FF UL标签只有填充默认值(即填充左:40px),而在伊江,只有边际值(即margin-left: 40px),所以UL {保证金:0首先被定义,填充:0 }可以解决大部分问题。
一般地,它们在一般模式中被规定:体、div、dl、dt、DD、UL、OL、李、H1、H2、H3、H2、DD、x、r、r、r、r、r、r、x、p、p、}。
在本书精通CSS第五章,作者说,IE和Opera使用保证金左缩进列表,和Safari和Firefox使用padding-left.after我的实际测试,结果发现,Opera 9(我测量了歌剧9.23)为FF和Safari一样,也用padding-left.to更精确,其默认风格应该是:
OL,UL {填充左:40px;}
IE的默认样式是:
OL,UL {保证金左:30pt;}
歌剧8或以前的版本像IE有兴趣的同志可以自己测试一下。
但是这至少是一个点,除了微软以外的浏览器厂商的共识,列表的缩进应该通过填充来控制。事实上,缩进是每个项目,而不是整个列表。设计师对列表的期望是什么例如,如果UL背景:绿色是成立的,大多数人应该期望整个UL(包括填充部分)使用绿色背景颜色而不是在左侧列表30pt(通常等于40px)。其次,标记部分(即点之前的项目,或数字编号部分)是在里县以外的地方,但从逻辑上讲,它属于清单的一部分,在列表和IE使用保证金,这实际上使标记部分被暂停名单。事实上,如果列表获取布局(haslayout),你会发现标记了!Because in the notorious layout model of IE, after hasLayout, the element object will process the presentation of its occupied area itself, but it can not handle its area outside.This is also the reason its width/height is actually similar to min-width/min-height, because it can't draw the part of the overflow to the outside.
CSS代码将内容复制到剪贴板。
背景:绿色;}
OL # mylist2 {变焦:1;}
第一项…
第二项…
第三项目…
第一项…
第二项…
第三项目…
因此,更好的方法是统一列表的边距和所有Web页面的填充,例如:
OL,UL {保证金左:0;填充左:40px;}
或者你只能修IE:
OL,UL { _margin-left:0;_padding-left:40px;}
以下是对其他互联网用户的补充:
填料和UL标签边缘的默认值是40px
UL标签的边距和边距默认值。
FF UL标签只有填充默认值(即填充左:40px),而在伊江,只有边际值(即margin-left: 40px),所以UL {保证金:0首先被定义,填充:0 }可以解决大部分问题。
一般地,它们在一般模式中被规定:体、div、dl、dt、DD、UL、OL、李、H1、H2、H3、H2、DD、x、r、r、r、r、r、r、x、p、p、}。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。