很多时候我们会遇到引用的站外图片旋转角度不正确的问题,比如说 Flickr 的图片,选择了旋转以后外链图片不会一起旋转。下面是一种简单的让图片旋转 180 度的方法:
style="-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);"
把以上代码添加到 img 标签的末尾即可。
这个方法对于其他旋转角度不适用,因为图片和占位符的长宽会不一致,导致页面内容重叠。
看标题就想到了 CSS transform2d,点进来一看果然是……
你有旋转 90 度但是排版不乱的方法吗?
div.inner 旋转但是 div.outer 不旋转且 height 为 div.inner 的 width,这样试试?
是个好方法,但是不仅要在 img 外头再套一层 div,而且还要写 div 的 width 属性……略显麻烦。我一般 img 都不写 width 和 height 的。