Question

我想根据包含图像的div查看大小的图像。我使用yii框架。

我有一个像这样的CSS代码

    #ukuran1{
    margin: 10px;
    width: 250px;
    height: 250px;
    background: red;
    float: left;
    display: block;
    }

和这样的布局代码

    <div id="ukuran1"><?php echo $this->ukuran1 ?></div>

和像这样的视图代码

    $this->ukuran1 = CHtml::image(Yii::app()->request->baseUrl.'/images/Desert.jpg');

图像显示，但是图像的实际大小。我希望图像的大小为div。我该怎么办？

谢谢你们..

Answer 1

尝试将此规则放入CSS：

 #ukuran1 img {
  width:100% !important;
  height:100% !important;
 }

Answer 2

#ukuran1 {
    margin: 10px;
    width: 250px;
    height: 250px;
    background: red;
    float: left;
    display: block;
    line-height: 250px;
    text-align: center;
}

#ukuran1 img {
    vertical-align: middle;
    max-width: 250px;
}

试试这个

HTML图片大小适合div

2 个答案: