之一_新浪博客

在设计网页模板时，经常要用CSS来控制块级元素的水平或是垂直位置，往往需要进行居中的操作。今天我就和大家一起来研究下如何用CSS来控制元素的居中。

1、单行垂直居中

文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同!

2、层水平居中

设置div的宽度小于父div的宽度，设置 margin:0 auto;，即可让div居中。

#parentdiv
{
width: 500px;
}
#childdiv {
width: 200px;
margin:0 auto;
}

3、层中的文字水平居中

在childdiv的css加上text-align:center;

#parentdiv