如何在变量中设置图像样式？ [关闭]答案

【问题标题】：How to style image in variable? [closed]如何在变量中设置图像样式？ [关闭]
【发布时间】：2013-05-13 21:27:13
【问题描述】：

我从论坛（化身）中提取了一张图片，但每次我抓取它们时，它们都不适合我的 div，无论我做什么，我都想知道如何将这张图片放入我的 div ?

这是我要说的那一行：

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

这是一个完整的foreach：

<?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;}

提前致谢！

【问题讨论】：

PHP（和变量）无关紧要。 查看 HTML 输出。它是否有效/预期？如果是这样，HTML 怎么能用 CSS 来设置样式呢？应该有一个<img> 标签，因为个人资料图片是data，因此不适合CSS。数据通过src 属性提供给<img> - 提供给资源或使用数据URI。
我同意@user2246674。如果您向我们展示您正在使用的输出 html 和 CSS，我们可能会提供一些帮助。
看看这个：stackoverflow.com/questions/16352774/…

标签： php css styles ipb

【解决方案1】：

尝试添加样式规则

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

【讨论】：

【解决方案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" /> 然后你可以用数据库中的值替换scr。

【讨论】：

【解决方案3】：

使用此 CSS 调整图像大小：

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

另外，请记住，这将适用于您页面上的每个 img 标记，因此更具体地说，您可以执行以下操作：

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

这只会重新调整 div 标签内带有 class“朋友”的图像的大小

【讨论】：