Question

我有一个图像被拉出论坛（头像），但每次我抓住它们，它们都不适合我的div，无论我做什么，我想知道我怎么能在我的div里面放这个图像？

以下是我正在谈论的界限：

<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div>

这是一个完整的预言：

<?php
$friends = $ipbwi->member->friendsList(false,true);
foreach($friends as $friend){
echo '
<div class="friend">
<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div>
<div class="username">'.$ipbwi->member->id2displayname($friend['friends_friend_id']).'</div>
</div>
';
}
?>

我正在使用ipbwi从ipb论坛提取数据，我想将所有图像缩放到（例如）40x40px。

编辑：

这是我在div上用于img的css：#friend #image img {width：40px;身高：40px;}

提前致谢！

Answer 1

尝试添加样式规则

.friend img { max-width:100px; max-height:100px }

Answer 2

我过去做过这个。

.img-resize {
  width: 200px;
  height : auto;
}

.img-resize {
  width: auto;
  height : 300px;
}

创建一个css类img-resize并为其指定所需的宽度和高度。这将保持纵横比。使用方式如下：<img src="http://example.com/12.jpg" class="img-resize" /> 然后，您可以使用db中的值替换scr。

Answer 3

使用此CSS调整图片大小：

img {
  max-width: 40px;
  max-height: 40px;
}

此外，请注意，这将适用于您网页上的每个img代码，因此更具体地说，您可以执行以下操作：

.friend img {
  max-width: 40px;
  max-height: 40px;
}

这只会使用div“朋友”重新调整class标记内的图片

如何在变量中设置图像样式？

3 个答案: