1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
| .layout { position: relative; }
.content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:translate(-50%,-50%); }
.content{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); }
.content { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; }
.content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
}
|