如何旋转图片而不重叠?

时间:2012-09-14 03:05:39

标签: html css rotation image

我想阅读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>

非常感谢。

1 个答案:

答案 0 :(得分:3)

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

Demo here

或者您可以为分部指定margin-bottom

Demo here

干杯!!!

相关问题