嵌套在div CSS中的img

嵌套在div CSS中的img,css,Css,我想防止调整div中嵌套img的大小。这是我正在使用的CSS: <div id="profile-gallery-image"> <img src="..." /> </div #profile-gallery-image { border: 2px solid rgba(223,223,223,1); width: 100px; height: 100px; overflow: hidden; display: inline-block; 尝试使用bac

我想防止调整div中嵌套img的大小。这是我正在使用的CSS:

<div id="profile-gallery-image">
  <img src="..." />
</div

#profile-gallery-image {
border: 2px solid rgba(223,223,223,1);
width: 100px;
height: 100px;
overflow: hidden;
display: inline-block;


尝试使用background size属性来锁定图像大小。

这里的容器框不是这种情况,似乎是通过CSS或一些JavaScript来调整图像大小的

尝试使用以下样式:

#profile-gallery-image img {
    width: auto;
    height: auto;
}

如果这段代码不起作用,这意味着它被JS或一些更具体的CSS声明覆盖。在这种情况下,使用开发人员工具或Firebug检查这些图像,并检查它们是否仍然适用。您还可以添加
!重要信息
(如
width:auto!important;
),但请记住仅在绝对必要时使用。

您可以尝试使用背景图像在div内显示图像,而不是使用单独的图像标记

<div id="profile-gallery-image" style="background-image:url('images/imagename.jpg');">
</div>

#profile-gallery-image {
border: 2px solid rgba(223,223,223,1);
width: 100px;
height: 100px;
overflow: hidden;
display: inline-block;
background-repeat:no-repeat;
background-position:left;
}

#个人资料图库图像{
边框:2个实心rgba(223,1);
宽度:100px;
高度:100px;
溢出:隐藏;
显示:内联块;
背景重复:无重复;
背景位置:左;
}

Overflow:hidden在大多数情况下都能满足您的要求,因此肯定还有其他原因。你可以发布你所有的HTML,这样我们就可以在上下文中查看tee问题了吗?还可以添加Im使用twitter引导。我突然想到,可能图像不能相互重叠,如果我创建的div标记为100x100,并且适合一行5个,那么图像的真实大小会相互冲突吗?只是一个想法。即使是你添加的代码也应该可以工作。你能把所有的密码都贴出来吗?似乎其他人也有同样的问题。似乎无法正确处理。尝试将上述css属性同时应用于div标记和img标记。你能说得更具体一点吗?如果图像是重复的,我认为使用ID而不是div类不是个好主意。