div 元素居中以及元素内容居中

1）如何让一个div元素居中，通过设置div 元素的margin属性即可，如下：

.wrap {
       width:200px;
       margin: 0 auto;
}

 其中width属性必须设定，否则没有效果。

2）div 元素内容水平居中，设置text-align属性

.wrap{
        text-align:center;
}

 3) div 元素内容垂直居中，可通过设置行高等于width高度

.wrap {
        width:60px;
        line-height:60px;
}