safari浏览器下，display:flex;不兼容问题的解决方案

safari浏览器下，有时display:flex会失效，而且不同版本的safari（新、旧浏览器版本），需要添加的语句也不同，display:-webkit-box对应老版本的浏览器，display:-webkit-flex对应新版本的浏览器，如果不确定safari版本的话，最好都加上，添加代码如下：

    /*safari*/
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;