为flex类型的div容器设置最小和最大宽度?

时间:2018-10-12 16:20:46

标签: html css flexbox

我正在使用flex容器,并为同一元素设置最小值和最大值,如下所示:

.title-image-container {
    display: flex;
}

div.amz-image-container {
    min-width: 130px;
    max-width: 130px;
}
.amz-image-container>a>img {
   width: 100%;
}

HTML:

<div class="title-image-container">
    <div class="amz-image-container">
        <a href="" target="_blank">
            <img src="" alt="" class="amz-image">
        </a>
    </div>
</div>

如果我没有设置最小宽度,那么容器会变得太小,或者如果我没有设置最大宽度,那么图像会会变得太大。

那么在同一类型“ flex”的元素上设置min和max的错误是什么。有人告诉我,此CSS代码完全错误。

0 个答案:

没有答案