CSS定位居中

/*水平垂直居中公共类 */

.center-self-xy { position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/*水平居中公共类 */

.center-self-x { position: absolute; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }

/*垂直方向居中公共类 */

.center-self-y { position: absolute; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }