保持旋转图像“在界限内”

时间:2014-01-29 00:48:28

标签: css rotation

我正在尝试使用此处建议的解决方案以随机角度旋转图像:How to add a rotated image in CSS?

问题在于图像最终会偏离原本应该有时位置的边界。这表明了我的意思:http://jsfiddle.net/jBHRH/82/看看图像的角落是如何被切断的?

有没有办法用CSS或HTML来阻止这种情况发生?也许与background-size: contain;有关?

编辑:我在带边框的表格单元格中显示此内容。因此,当它旋转时,它最终超出了边界的范围。

1 个答案:

答案 0 :(得分:2)

我只是将宽度设置为:

width:auto;

http://jsfiddle.net/LB3dG/