css3缩放问题-文字居中显示

思路：将要居中的容器转换为block元素设置为absolute通过left：-50%居中；通过 transform: translate（）来实现。

例如：将small里面的字体缩小并居中显示

small {
    position: absolute;
    left: 50%;
    display: block;
    white-space: nowrap;
    -webkit-transform: translate3d(-50%,0,0) scaleX(.6) scaleY(.6);
    transform: translate3d(-50%,0,0) scaleX(.6) scaleY(.6);
}