css min-width和max-width?

时间:2010-12-15 10:03:09

标签: width css

.post-body p img {
    min-width:100%;
    margin-bottom:15px;
}
.post-body p img.thumb-small {
    min-width:auto !important;
    max-width:100%;
    margin-bottom:15px;
}

我希望我体内p后面的所有图像都是最小宽度100%。但是,如果图像有一个拇指小的类,那么应该没有最小宽度? 如何用这个类反转图像的行为?

谢谢

4 个答案:

答案 0 :(得分:1)

  

我该怎样扭转这种行为呢?   这个类的图像?

.post-body p img.thumb-small {
    min-width:0;
    }

答案 1 :(得分:1)

您只需为缩略图指定min-width零:

.post-body p img.thumb-small {
    min-width: 0;
    max-width: 100%;
    margin-bottom: 15px;
}

您不需要!important。样式规则更具体,因此无论如何都会优先。

答案 2 :(得分:1)

没有检查过,但是

min-width: 0;

应该工作,不需要!重要的是,你已经用添加的类覆盖了规则。

答案 3 :(得分:1)

min-width: inherit