元素的水平居中:
(1)行内元素居中
给父元素添加text-align: center;
(2)确定宽度的块级元素的居中
给该元素的margin-left:auto;margin-right:auto;
(3)不确定宽度的块级元素的居中
给父元素添加浮动float,设置父元素的position:relative;和left:50%;子元素设置position:relative;left:-50%;
元素的竖直居中:
(1)父元素的高度不确定,进行文本、图片和块级元素居中;
给父元素的容器添加相同的上下边距(margin-top 和margin-bottom);
(2)父元素高度确定的单行文本的竖直居中
给父元素添加line-height;这个属性值,line=height的值和父元素的高度值相等;
(3)父元素的高度确定的多行文本、图片的块级元素的竖直居中
使用table的vertical-align这个属性,可以设置为竖直居中;