- margin:0 auto; : 作用于子元素,是margin:0 auto 0 auto的缩写,用于水平居中,起作用的前提是子元素没有被float影响。
- text-align:center : 用于文本水平居中对齐,针对父元素,前提是子元素没有被float影响。
- line-height : 本用于设置行间的距离(行高),调整它的值可以用于文本的垂直居中,作用于父元素,当它的值等于父元素的height时,内部文字就会自动垂直居中。
- position : 元素居中时使用,几乎无后遗症,缺点是元素必须有确定的宽高值。先将父元素设置好height和width并写上position: relative(以免给子元素写上position:absolute的时候错位),再设置子元素的height和width,同时给子元素写上top:50%;left:50;margin-top:-height/2(height值一半取负);margin-left:-width/2(width值一半取负);代码形如这样: {position:absolute;left:50%;top:50%;width:80px;height:40px;margin-left:40px;margin-top:20px;}