
用的时候总弄不明白,请高手指教,最好举高个例子 谢谢
margin:auto 0; 这个的意思是 外补丁上下为自适应 左右为0px
和不同的样式结合有不同的效果
以下是margin的 详解 和例子
margin
基本特性
初始锋册值: 无(not defined for shorthand properties) 适用于: 所有元素
继承性: 无 百分比: 根据包含元素的宽(refer to width of containing block )
媒体: visual 版本: CSS1
兼容性: IE4+ NS4+
基本语法
margin : auto | length
语法取值
auto : 取计算机值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。
百分数是基于父对象的高度。除了内联对象的上下外补丁外,
支持使用负数值。请参阅 长度单位 。
使用说明
检索或设置对象四边的外补丁。默认值为 0 0。如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
在IE4.0+中你可以使用 em 和 ex 单位。在IE4.0+中此属性不支持用于 td 和 th 对象。要设置单元格内的外补丁,请使用单元格内的如 div 、 p 等类型对象的此属性。在IE5.5+中此属性支持内联对象使用。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。对于内联对象来说,上下外补丁如果被设置了,将是用于计算环绕内联对象的边框区域的。它们的值不会影响内联对象所在行的高度( height )。外补丁总是透明( transparent )的。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 margin 。
代码示例
BODY { margin: 2em } /* all margins set to 2em */
BODY { margin: 1em 2em } /* top & bottom = 1em, right & left = 2em */
BODY { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */
或
BODY {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 3em;
margin-left: 2em; /银蠢宏* copied from opposite side (right) */
}
这里 em px 等都是单位
text-align
基本特性
初始值: 根据用户代理和书写方向(depends on user agent and writing direction ) 适用于: 块状元素
继承性: 有 百分比: N/A
媒体: visual 版本: CSS1
兼容性: IE4+
基本语法
text-align : left | right | center | justify
语法取值
left : 默认值。左对齐
right : 右对齐
center : 居中对齐
justify : 两端对档铅齐
使用说明
设置或检索对象中文本的对齐方式。此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 textAlign 。
代码示例
2 DIV.center { text-align: center }
简单回答:margin:auto 0用于DIV框居中的定位。神帆
text-align用于DIV中内容罩档的居中游闷雹定位。
text-align:指文本的水尘困平对齐方式;
margin:auto 0 指整个div层唤兄瞎和空居中对齐。