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);