如何旋转图片而不重叠?

Amy*_*uGo 5 html css image rotation

我想阅读Exif信息并在我的HTML文件中旋转它们.我确实喜欢这个.并且它可以旋转得很好,但是当它出现两个或更多图片时,它们不会给我的图片足够的空间.我能不让它们重叠并旋转它们吗?

<HTML><HEAD>
<style type="text/css">
DIV.rotate {
-webkit-transform:rotate(30deg);
}</style>
</HEAD><BODY>
<div><p><DIV class="rotate"><img 
src="http://taufanlubis.files.wordpress.com/2008/05/google-picasa01.png">
</p></div>
<div><p><DIV class="rotate"><img 
src="http://taufanlubis.files.wordpress.com/2008/05/google-picasa01.png">
</p></div>
<div><p><DIV class="rotate"><img 
src="http://taufanlubis.files.wordpress.com/2008/05/google-picasa01.png">
</p></div>
</BODY></HTML>
Run Code Online (Sandbox Code Playgroud)

非常感谢你.

Lib*_*bin 2

您可以指定height与图像宽度几乎相同的分割。

演示在这里

或者您可以指定 amargin-bottom来划分。

演示在这里

干杯!!!