Php 我的评论已用完评论框

在我的网站上，我允许用户发布带有姓名和图片的评论。我注意到一个问题，当有人用html代码在评论中发布更大的图片时，评论框就用完了。所以我只想把它放在评论框里。不管他们发布了多大的图片。我已在下面发布了所有详细信息，请提供帮助，谢谢：|

我的html

<div class="mycomment">
        <div id="postpic">
            <img id="profile_pic" width="50px" height="150px" src="image/user/1.gif" class="">
        </div>
        <div class="mycommentpost">                     
            <a class="postername" href="profile.php?userID=1">Deepak Kumar: </a><br>
            <img src="http://i00.i.aliimg.com/wsphoto/v0/789295022/-font-b-Easter-b-font-day-font-b-Bunny-b-font-ears.jpg" width="650" height="350" alt="">
        </div>
</div>

这里的评论只是一张图片：

<img src="http://i00.i.aliimg.com/wsphoto/v0/789295022/-font-b-Easter-b-font-day-font-b-Bunny-b-font-ears.jpg" width="650" height="350" alt="">

试试这个

<div class="mycomment">
    <div id="postpic">
        <img id="profile_pic" width="50px" height="150px" src="image/user/1.gif" class="">
    </div>
    <div class="mycommentpost">                     
        <a class="postername" href="profile.php?userID=1">Deepak Kumar: </a><br>
        <img src="http://i00.i.aliimg.com/wsphoto/v0/789295022/-font-b-Easter-b-font-day-font-b-Bunny-b-font-ears.jpg" width="650" height="350" alt="">
    </div>

添加到你的CSS中

.mycommentpost > img{
    max-height: XXXpx !important;
    max-width: XXXpx !important;
}

---

通过这种方式，您将限制添加图像的最大大小。

无论他们使用此css上载的图像大小如何，请在mycommentpost div中将图像设置为默认大小

> .mycommentpost img{
>      border: 1px solid #DEDEDE;
>     padding: 10px;
>     width: 130px; }

---

减少图像的宽度和高度我想问另外一个问题，我是否可以将div max height设置为与img相同的方式，因为有些用户将div设置为：）首先，出于安全原因，我不建议您允许用户发布HTML标记。。如果您的代码是安全的，那么您可以使用相同的CSS思想--.mycommentpost>div（这将转到mycommentpost类中的所有div元素）。但如果用户在元素中设置样式设置，您的css代码可能无法工作。

.mycommentpost {
font-weight: normal;
color: #000000;
letter-spacing: 1pt;
width: 480px;
float: left;
}
.mycommentpost img{
 width :450px;   
}

.mycommentpost > img{
    max-height: XXXpx !important;
    max-width: XXXpx !important;
}

> .mycommentpost img{
>      border: 1px solid #DEDEDE;
>     padding: 10px;
>     width: 130px; }