CSS3 旋转对齐

9/22/2017 3:39:15 PM

transform-origin:0 0;/*旋转点,原不知道坑了两三个小时*/

transform:rotate(90deg); 

style:

div{position:absolute; top:0;bottom:0;left:0;right:0;background:#000000; text-align:center; vertical-align:central; z-index:199;display:none;}
img{transform-origin:0 0;transform:rotate(90deg);  vertical-align:central;}

<div><img /></div>

 

js

//注意,须显示加载图片后再执行,否则图片宽高都为0,则..

var ml = divwith / 2 + $("img").height() / 2;
$("img").css("margin-left", ml);