css在单击div时显示完整图像？

如果我有一个大于200px高度的图像，我会用div裁剪这个图像：

.voltaimgdiv{
 max-height:200px;
 display:block;  
 line-height:200px;
 overflow:hidden;
 margin-bottom:10px;
}

html

我的问题是，我希望这个div增长，并显示完整的图像，如果用户点击它。 有什么想法吗

---

使用此css代码，单击即可最大化图像高度

.voltaimgdiv:active{
  max-height:500px;
}

---

您可以使用此css代码在单击时最大化图像高度

.voltaimgdiv:active{
  max-height:500px;
}

试试这个：

$（'.voltaimgdiv'）。单击（函数（）{
$（'.voltaimgdiv'）.css（'height'，'auto'）；
});
.voltaimgdiv{
高度：200px；
显示：块；
线高：200px；
边缘底部：10px；
边框：1px实心#000；
溢出y：隐藏；
}

单击显示所有图像？
尝试以下操作：


$（'.voltaimgdiv'）。单击（函数（）{
$（'.voltaimgdiv'）.css（'height'，'auto'）；
});
.voltaimgdiv{
高度：200px；
显示：块；
线高：200px；
边缘底部：10px；
边框：1px实心#000；
溢出y：隐藏；
}

如果您想使用CSS，请单击显示所有图像？
。只需指定ID并在CSS中使用即可

HTML:

#clkme:active{
  max-height:500px;
  }



CSS:

#clkme:active{
  max-height:500px;
  }

您也可以编写Javascript，Javascript是更好的选择。
利用

Onclick=“Name”

函数在div中。
并创建一个javascript主体

function Name{
\\your code ..
}

如果你想使用CSS，只需分配ID并在CSS中使用它

HTML:

#clkme:active{
  max-height:500px;
  }



CSS:

#clkme:active{
  max-height:500px;
  }

您也可以编写Javascript，Javascript是更好的选择。
利用

Onclick=“Name”

函数在div中。
并创建一个javascript主体

function Name{
\\your code ..
}

我建议使用toggleClass

最好设置div和image auto的高度和宽度。使用点击功能后

JS

CSS

我建议使用toggleClass

最好设置div和image auto的高度和宽度。使用点击功能后

JS

CSS

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。css上的ID使用“#”not”调用。css上的ID使用“#”not”调用。“别提了，我的朋友@RickJoe。”。如果您需要帮助，请与我联系！：别客气，我的朋友@RickJoe。如果您需要帮助，请与我联系！：这个答案好。最好将高度设置为自动。但是你知道你使用了“最大高度”，并且“最大高度”不能自动设置。这个答案是嗯，好的。最好将高度设置为“自动”。但是你知道你使用了“最大高度”，并且“最大高度”不能为“自动”。请不要规避要求你在帖子中发布代码的规则。只有在包含真实代码的情况下才可以链接到JSFIDLE。请不要规避要求您在post中发布代码的规则。只有在包含真实代码的情况下，才可以链接到JSFIDLE。