将子div设置为父div的中心

Question

我有一个2 * 2矩阵，其中子div应该放大，其余div应该隐藏。

我做了这个animation其中每一件事情都很好，除了div应该喜欢它来自它的位置，但是我的实现似乎都来自左上角。

示例： 当用户点击div二时，它应该看起来应该来自右上角，但现在它来自左上角。

任何建议，使这项工作

FIDDLE

Answer 1

使用绝对定位。你可以预先声明CSS或者注入JS。

.one, .two, .three, .four { 
    position: absolute; 
} 
.two, .four { 
    right: 0 !important; 
} 
.one, .two { 
    top: 0; 
} 
.three, .four { 
    top: 100px; 
} 
.big { 
    top: 10% !important; 
} 

See Updated Fiddle