块居中



块水平居中
    1.margin:0px auto;(即上下边距为0px，左右边距设置为auto)
  
    2.块必须设置具体的宽度(即width必须设置一定的值)

块水平垂直同时居中，即位于正中心

#main{ width:1000px; height:500px; background-color:#f00; margin:0px auto; position:absolute; top:50%; left:50%; mamrgin-top:-250px; margin-left:-500px;}
<div id="main"></div>

margin-top:正数:向下 负数:向上
margin-left:正数:向右 负数:向左

块内文本居中

    1.水平居中:text-align: center;

    2.垂直居中:line-height=height(行高=框高)