Snažím sa vycentrovať horizontálne a vertikálne DIV vo vnútri okna. Jednoducho s trochou CSS a JS.
Tak som nenašiel, ako to správne vycentrovať. Snažil som sa hrať s transformačným pôvodom as výpočtom v jQuery, ale nepodarilo sa mi to.
$ ("mydiv") šírka () mi šírku DIV neotočil ... nie skutočnú "uhlopriečku" šírku ... (Rovnaké pre výšku).
Nemôžem to opraviť ručne s pevnou rezervou, pretože web musí byť citlivý ...
Je to možné ?
Toto je výsledok, ktorý musím mať:
Veľmi pekne ti ďakujem za tvoju pomoc !
morgan
(Prepáč, ak som urobil nejaké anglické chyby: s)
odpovede:
0 pre odpoveď č. 1Zdá sa, že kombinácia css transformácií, absolútneho umiestnenia a transformačného pôvodu to urobila pre mňa.
.element {
transform: rotateZ(30deg) translateX(-50%) translateY(-50%);
transform-origin: 0% 0%;
position: absolute;
left: 50%;
top: 50%;
}
Malé demo: http://jsbin.com/suxawefabe/1/