3回答
我有一个项目，我目前正在尝试重构，并且想知道是否可以在flex容器中堆叠图像？ 下面是供参考的HTML： <div id="dealWrapper"></div>
<!-- deal wrapper end --> 我想将显示的图像堆叠在一起(当然是不同的z索引)。这个是
浏览 17提问于2020-08-18得票数 0
2回答
我正在使用flex box创建一个旋转的图片库，我需要所有的图像堆叠在一起，一个接一个。我可以通过将图像定位为绝对图像来做到这一点，但这会弄乱容器中的flex框，使图像显示在容器之外。 }, 3000);#slideshow { position: re
浏览 0提问于2020-02-03得票数 0
1回答
我尝试了我在这里找到的所有问题，但它总是中断，不保持相同的高度为文本容器和图像容器，移动视图工作从38 em对它没有。这就是我尝试过的，一旦我将display: flex添加到容器中列出的项中，它就会将所有内容显示在一行中，而不是堆叠在一起。 -ms-flex: 1;
浏览 2提问于2016-07-17得票数 2
回答已采纳
1回答
我有两个垂直堆叠的容器(在一个固定大小的父容器中)：
套用我的问题:如何应用object-fit，以便在柔性盒布局
浏览 7提问于2022-05-27得票数 3
1回答
引导程序具有相同高度的列
、、、
我在使用Bootstrap的页面中有两列，但其中一列比另一列大。我想要做的是让两列的高度相同，这样我就可以在底部对齐较短的列的内容。我试过flexbox，它适用于更大的屏幕尺寸，但当我使用移动尺寸时，列不会像以前那样堆叠在一起，我在上面添加了flexbox样式。页边距我还没有尝试过，因为它对我来说有点老生常谈。
浏览 0提问于2016-09-30得票数 3
display: flex; width: 100%; margin-top{ justify-content: center; flex-grow: 1; height: calc>
嘿，伙计们，我还有另一个与Flex
浏览 0提问于2021-03-10得票数 0
我正在编写一个页面，在这个页面中，我希望一个响应性的img可以对齐到我的section flex容器的左边，而h1 & p文本则是图像的右边，使用flexbox。我在section flex容器中有更多的文本和元素，但是我希望它们在img下面。
我正在使用作为沙箱来完成任务。但出于某种原因，h1不是水平的，而是垂直对齐的。当屏幕尺寸减小时，图像不能保持其高宽比。其余的元素不会相互叠加在一起。
浏览 3提问于2016-04-27得票数 3
回答已采纳
2回答
假设在一个包含display: flex;的容器中，我有两个项目。当容器足够宽时，两个项目都水平布局，否则flexbox布局机制将使它们垂直堆叠。我想要的是当它们相邻时，两个项目之间有一个内部边距，但当它们必须堆叠在一起时，这个边距就会消失。<!{
浏览 2提问于2012-11-05得票数 0
因此，我正在迭代一个包含像src、宽度和高度这样的图像细节的对象。我创建了这个代码依赖- 来尝试复制这个问题。有一个width: 1100px的外部容器和一个带有flex-wrap: wrap的flex容器。只向flex项添加一个属性而不使用任何额外的div包装它，是否可以像所示的布局那样堆叠IMG 1和IMG 2？
我不需要任何额外的包装器div，因为我正在尝试创建一个通用的可重用的React组件。
浏览 0提问于2018-04-01得票数 1
回答已采纳
所有幻灯片都已在CSS中设置： display: inline-block;下面是Codepen上的工作示例：var Carousel = functioncarousel = new Carousel('#frame', '#slider', '#slider .slide', '.arrowLeft', '.arrowRight');
请告诉我，你知道怎么做吗？
浏览 8提问于2017-07-10得票数 1
1回答
我一直试图跟随其他的指南，并亲自研究它，看看是什么干扰了文本，因为无法在图像下面对齐。 <p>Some text</p>在CSS中，#cf正在干扰允许文本在它下面对齐。
浏览 5提问于2021-09-21得票数 2
回答已采纳
我想在两列中显示“右”和“左”元素。右侧元素应垂直拉伸到父元素的完整高度。标准解决方案为每列使用一个额外的容器。然而，在我的情况下，列没有语义意义，它们只是为了显示。此外，由于我的项目将有许多此结构的实例，因此添加容器元素会带来很多混乱。<div class='left'> <div class='left'>不被重视的"dis
浏览 0提问于2014-06-30得票数 0
1回答
以图像行为中心
、、、、
我试着用flex对齐所有显示的图像，如一行和中间，但我似乎找不出答案。我已经得到了所有以flex为中心的映像，并且使用了内容中心，但是在容器上执行flex方向行并不能做任何事情，图像仍然是垂直堆叠的列。我也在使用材料用户界面，所以如果有更好的方法来使用它，请让我知道。
完整代码- Cant附加代码框，因为图像是从消防数据库获取的，非常抱歉。postimage" src={post.link} /
浏览 1提问于2022-07-10得票数 0
1回答
我的目标是让这3列垂直堆叠，因为图像是调整大小。我试着查找某些媒体查询，并试着把头绕在柔性盒上。margin-right: auto;}
box-sizing: border-box; display: flex; overflow: hidden; width: 100%;
浏览 0提问于2015-10-07得票数 4
回答已采纳
1回答
我在一个网站的响应式设计中使用flexbox对html中的一些元素进行了重新排序，它工作得很好，但这些元素无法正确调整大小。在断点，我对home-promos分区应用了一个flex类，并对元素进行了重新排序。这可以正常工作。.home-promos {} order: 1
浏览 0提问于2016-06-14得票数 23
回答已采纳
2回答
我试图制作两个列，每个列都有一个图像，虽然这两个图像大小完全相同，但我注意到它们的左右边距不均匀，左边的边距略大一些，我如何解决这个问题？
浏览 3提问于2018-06-16得票数 0
回答已采纳
在下面的示例中，我有两个容器用于一个flex项。当容器为300 in时，我希望两个150 in框并排(如本例所示)。然而，当容器为150个时，我想将容器显示更改为block，使它们相互堆叠(我们不应该看到下面的黄色)。}
width: 150p
浏览 1提问于2022-10-06得票数 0
3回答
我在display: flex容器中的列方向上显示了一些元素。假设我有5个叠加元素，我需要使其中两个元素显示为内联或灵活的方向行。，而不需要将这两个元素放到另一个div中，而我可以将这个div方向行应用到..flex-column { flex-directi
浏览 0提问于2018-11-20得票数 22
回答已采纳
柔韧物品Z-订购，.z-index值(而不是auto )创建一个堆叠上下文，即使position是static。CSS时，它就不起作用了(我的目标是将.header放在创建两个层的.core之上)： .header { z-index: 2; background-color: red; align-self: stretch;
flex: 1 1 175px: 1 1 100px
浏览 2提问于2015-10-28得票数 17
回答已采纳
我有两个jpegs在一个灵活的容器“标题”，图像是垂直堆叠，顶部的图像是方形的，底部是一个长的水平矩形。这是我的第一个堆栈溢出的帖子，所以请原谅我。 alt="Clear Cut Legal Tag Line">
</div>
浏览 1提问于2019-11-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
