HTML 居中（水平、垂）

/*例子 example*/
.example{
    background: url("../picture/i3.png") no-repeat;/*所在div层的背景图片 no-repeat（表示不重复）/ repeat (表示重复)*/
    background-color: #00adf1;   /*所在div层的背景色*/                   
    background-size: 100% 100%;/*所在div层的背景图片的 宽 高*/
     auto;/*所在div层的宽*/
    height: 423px;/*所在div层的高*/
    margin:0 0 0 0;/*所在div层的外边距:上 右 下 左;0 auto 为整体居中*/
    padding: 0 0 0 0;/*所在div层的内边距:上 右 下 左;*/
    position: relative;/*所在div层的位置：*/
    border-radius: 15px;/*所在div层的角切圆*/
}

.example2{
　　z-index: 999;/*第N层*/
　　display: none;/*显示block,隐藏none*/
　　text-align: center;/*文字水平居中*/
   line-height: 40px;/*文字垂直居中n px数字是由高度决定的*/
　　border: 1px solid #000;/*边框着色* /

}