繁体   English   中英

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

Setting min and max width for div container of type flex?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

.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代码完全错误。

问题暂未有回复.您可以查看右边的相关问题.
1 flex-container.min-width:flex-items.min-width?

如果我调整窗口的大小小于最小宽度的flex-items的总和(此处为653px),则会出现一个滚动条,但flexbox会采用当前窗口的大小,而flex-items不会显示红色背景,我想知道如何在不输入特定值的情况下为flexbox容器设置最小宽度 我不希望收缩flex-items,而是一 ...

3 最小和最大宽度之间的文本容器的CSS

如何设置带有文本的DIV ,以便在最小min-width和max-width之间取最小长度? 例如,如果我将min和max设置为200和400px,我希望: 文本短于200px的div为200px宽 一个文本在200px和400px之间的div,以获得文本的宽度 ...

2014-04-24 17:54:28 3 169   html/ css
5 设置TH的最小和最大宽度非常慢

给定一个固定标题的HTML表,我试图将标题列与正文行列对齐。 我这样做是因为我用来固定标头的CSS导致标头与主体的其余部分不对齐。 我正在使用的javascript可以运行,但是速度非常慢。 关于如何加快速度的任何想法? 这是显示问题的小提琴。 目前,相对较小的桌子大约需要5秒 ...

7 调整图像大小设置最小宽度和最大高度

我在PHP中使用ImageMagick来调整图像大小(使用其命令行工具“转换”)。 我能够调整图像大小,并且一切正常。 我想做的是我想将任何尺寸的图像调整为设置最小宽度和最大高度的图像,同时保留图像分辨率/纵横比。 我该怎么做呢? 为什么要这样做:我将这些图像放在网站上的新闻 ...

8 Angular / Flex:设置组件的最大宽度

我正在尝试创建某种显示帖子及其内容的reddit-clone,但是如果内容的长度大于某个宽度,它应该会中断并从新行开始。 由于某些原因,我无法使用最大宽度。 席卡的宽度与帖子的主体属性相同。 据我所知,我应该在fxFlex中更改一些值,我尝试过这样做,但是仍然不起作用。 发布 ...

9 为弹性项目设置最大宽度?

我正在尝试在我的网站上创建一个过滤器部分,内容都是动态生成的(因此我无法向其中添加额外的父项),并且我们的样式指南使用 flex 项创建它们。 我想在很大程度上保留此功能。 我希望我的 3 个 flex 项目具有max-width并向左浮动,让我的非 flex 项目向右浮动,在设置为1080px的 ...

10 设置英雄div的最大和最小高度

因此,我正在为客户创建一个登陆页面,他们想要一个全屏英雄div,并在后台播放视频。 做到这一点的常规方法是通过以下方式完成: div.hero { position: absolute; width: 100%; height: 100%; } 但是,我很尴尬, ...

2017-02-08 12:04:20 2 371   html/ css
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM