1.transform變形(需先知道寬高)
.outer
class
="outer"
>
class
=>
div>
div>
將子元素的寬和高設定為百分數，如寬設定為 80%，則需要向 x 軸偏移 10% 那麼 translatex 為10/80 = 0.125，即 12.5%；如果高設定為 60%，則需要向 y 軸偏移 20%，那麼 translatey 為20/60 = 33%
2.flex布局
.outer
class
="outer"
>
class
=>
aaadiv
>
div>
.outer
class
="outer"
>
class
=>
aaadiv
>
div>
.outer
class
="outer"
>
class
=>
aaadiv
>
div>
1.translate百分比根據什麼計算
translate是將元素平移 百分比是按照自身寬高計算的 若是寬100px 而是50%的話則移動50px
垂直居中的幾種實現方法
用過 fireworks photoshop 的人應該都知道，在畫布中將乙個頁面模組居中是多容易的事，可如果是垂直居中，前端就苦逼了。因為 css 本身並沒有提供相應的 api 支援 確切來說是提供不全 今天重新整理一下思路，說說前端在實現頁面元素垂直居中的幾種思路 利用絕對定位，讓元素的頂部與居中...
垂直居中的幾種實現方法
用過 fireworks photoshop 的人應該都知道，在畫布中將乙個頁面模組居中是多容易的事，可如果是垂直居中，前端就苦逼了。因為 css 本身並沒有提供相應的 api 支援 確切來說是提供不全 今天重新整理一下思路，說說前端在實現頁面元素垂直居中的幾種思路 利用絕對定位，讓元素的頂部與居中...
css垂直居中的幾種方式
父元素高度確定的單行文字的豎直居中的方法是通過設定父元素的 height 和 line height 高度一致來實現的。html class container hi,imooc div css container style 說到豎直居中，css 中有乙個用於豎直居中的屬性 vertical al...