css:在段落内设置特定宽度的图像宽度?

时间:2010-11-09 20:18:53

标签: image css

嘿伙计们, 不知怎的,我找不到解决我的小问题的方法。 我有一个段落设置,最大宽度为630px。 在某些情况下,我在其中一个段落中有图像 - 在这种情况下,我希望图像正常 - >没有任何最大宽度设置。

.post-body p {
    width:99%;
    max-width: 630px;
}
.post-body p img{
    max-width:100% !important;
}

是否可以让图像大于设置为父级的最大宽度设置?我需要使用javascript(jquery)吗?

谢谢你的帮助。

2 个答案:

答案 0 :(得分:1)

除非您以其他方式修改图像宽度,否则只要您不对图像执行任何操作,它就会以完整尺寸显示。

见这里:http://jsfiddle.net/WrfQQ/

我没有为图像声明任何CSS,所以默认情况下它会以完整尺寸显示。 (请注意,为了测试我将p的宽度减小到100px)

答案 1 :(得分:0)

正如我所看到的那样,问题是你将一个MAX宽度放到了img ...你必须编码相对宽度......所以:

.post-body p img{
position: relative;
width: 100%;
}

如果你想在jQuery中使用,代码如下:

$('.post-body p img').width() == $('.post-body p').width();