javascript - 在 Bootstrap 面板中旋转图像

Question

我在 Bootstrap 面板中有一张图片，我想在点击旋转按钮时添加功能，图片就会旋转。 我得到以下信息:

.rotate{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg); // IE9 only
          transform: rotate(90deg);
}

如果我向我的 img 添加类，它会旋转 90 度，但它会从面板中出来，它会停止遵循宽度和高度限制，只是原地旋转。 有没有办法做到这一点？我的意思是旋转图像，使其仍然位于面板的边界内。

编辑: 我知道了:http://jsfiddle.net/jjbjn160/ 它溢出面板的左侧，我希望它适合面板。

Answer 1

设置面板的样式为overflow: hidden。

.panel {
  overflow: hidden;
}