为什么 CSS 样式不适用于图像？ [关闭]答案

【问题标题】：Why CSS style don't work with the images? [closed]为什么 CSS 样式不适用于图像？ [关闭]
【发布时间】：2017-11-24 12:50:18
【问题描述】：

我正在尝试最小化图片但没有任何反应。

图像是从一个函数中获取的，该函数将数据库中的图像名称显示在数组中。

/* Products   */
.imagesPanel {
    padding-top: 10px;
    margin-top: 20px;
    border:solid 1px #d1d1d1;
}
.imagesPanel .msg {
    text-align: center;

}
.imagesPanel img {
    width: 200px;
    height: 200px;
}

<div class="col-xs-12 imagesPanel">
    <?php $imgNameFunction = imgSelectV2("products",$row['ID']);
          if ($imgNameFunction == null) { ?>
              <p class="msg"><?php echo lang('THERE_ARE_NO_IMAGES_FOR_THIS_PRODUCT'); ?></p>
    <?php } else {
        foreach ($imgNameFunction as $imgName){?>
            <div class="col-xs-3 itemShow">
                <img src="<?php echo $dir_uploadedImage.$imgName['ImgName']; ?>">
            </div>

        <?php }
    }
    ?>
</div>

但结果显示在这张图片中：

你能帮忙吗？

【问题讨论】：

它可能会覆盖 css。试试 .imagesPanel img { width: 200px !important;高度：200px！重要； }
你能发布渲染的 HTML 吗？我们无法猜测 PHP 输出的是什么。另外，检查开发者控制台以检查您的 CSS 是否影响了图像
How much research effort is expected of Stack Overflow users?.
查看浏览器调试器并将 css 跟踪到此图像。您是首席开发人员，因此您可能已经知道如何做到这一点

标签： php html css bootstrap-4

【解决方案1】：

感谢您的帮助作为tech2017

它可能会覆盖 css。尝试 .imagesPanel img { 宽度：200px ！重要的;高度：200px！重要； } – tech2017 37 分钟前

【讨论】：