CSS居中效果之transform的使用

 　　簡單有效，同時支持可變高度。為內容指定帶有廠商前綴的transform: translate(-50%,-50%)和top: 50%; left: 50%;樣式就可以讓內容塊居中。

　　CSS Code復制內容到剪貼板

　　.is-Transformed {

　　width: 50%;

　　margin: auto;

　　position: absolute;

　　top: 50%; left: 50%;

　　-webkit-transform: translate(-50%,-50%);

　　-ms-transform: translate(-50%,-50%);

　　transform: translate(-50%,-50%);

　　}

　　好處：

　　內容高度可變

　　代碼量小

　　同時注意：

　　不支持IE8

　　需要寫廠商前綴

　　會和其他transform樣式有沖突

　　某些情況下的邊緣和字體渲染會有問題