我自己做的flexbox遇到了问题。它里面有一些图片(每个图片都在它们自己的DIV元素中，但这不是必要的)，一旦它们开始包装，它们就不会缩放到容器的高度并溢出……隐藏溢出不是解决方案，因为图像需要完全可见。</div> <img src="http://placehold.it/80x80" alt="&
浏览 15提问于2018-01-06得票数 3
回答已采纳
我在一个容器中有两个元素，它们是通过使用flex框并行的.在第二个元素(.flexbox-2)上，我在CSS中设置它的高度。然而，第一个元素(.flexbox-1)将匹配.flexbox-2的高度。我如何阻止.flexbox-1与.flexbox-2的高度匹配，而只保留它的自然高度？以下是我到
浏览 2提问于2014-12-20得票数 121
回答已采纳
我有一个网格的图像，这是显示在单行。网格的高度不能超过浏览器的高度。每张图片可以有任意的高度和宽度。有很多帖子提出了类似的问题。
诸若此类。然而，据我所知，没有人在使用flexbox。<img src='http:&#x
浏览 1提问于2017-09-13得票数 1
我正在努力让gatsby-image以一种响应式的方式与flexbox一起工作： 我希望我的所有图像的大小和高度相同，他们应该是移动和桌面响应。 这是gatsby镜像的用例吗？我可以显示它的唯一方法是添加一个固定的minWidth <div className={styles.header}>
<GatsbyImage className={styles.image} fluid很明显，我完全不知道如何<
浏览 19提问于2020-08-22得票数 1
回答已采纳
我正在努力理解flexbox容器如何与其他块交互。在我的页面上只需要一个flexbox，我就可以做我想做的事情。但是当我混入其他页面元素时，事情变得很奇怪。问题似乎出在空间分配上。我的flexbox容器似乎需要一个明确的高度。如果我不指定这一点，我就得不到包装行为。我不确定如何指定flexbox容器的高度。如果
浏览 2提问于2017-03-18得票数 6
回答已采纳
我需要有一个滚动的flexbox容器与flexbox的子容器。容器有一个定义的高度(由flexbox定义)，子容器的高度应该与其内容的高度相同。这在Safari中工作得很好，因为在Safari中，孩子不会伸展超过容器的高度。实际上，Safari中的<
浏览 46提问于2020-01-28得票数 3
回答已采纳
1回答
我是html和CSS的初学者，我会尝试用可点击的点来制作地图，但我不明白。我收到了使用柔性盒和创建一个以地图作为背景图像的容器的提示，并创建了单独的容器，这些容器可以为可点击的点保存图像按钮。首先，我尝试让背景图像和点/(框)同样调整大小，然后尝试在points/( by )上设置位置，但我已经遇到了背景图像和父容器的问题。因为我不能将父容器的
浏览 4提问于2021-12-19得票数 1
回答已采纳
我正在为一个网站做一个小的聊天/流媒体部分。视频的样式使其始终保持16:9的纵横比。旁边的聊天我想要和视频一样的高度。聊天框具有溢出属性，因此当聊天超过一定高度时，它将拉伸父容器以显示div中的所有聊天项；这是意料之中的。我真正想问的是，我如何才能使一个flexbox列的高度只达到第一个列的<
浏览 0提问于2018-04-22得票数 0
我正在建立一个CMS的网站。有相当多的元素需要垂直居中的内容。但是，由于我没有最终的内容(以及将来可以和将要更改的内容)，所以我不能为这些容器设置固定的高度。我花了几分钟的时间试图找出为什么我的元素不能用flexbox...until垂直对齐，我发现这是因为缺少固定的高度。在过去，我使用display:table/table-cell组合来构建这样<em
浏览 2提问于2016-01-15得票数 4
我在一个高度可变的容器中有一堆嵌套列表，我希望所有的嵌套列表/子列表占据容器的100%高度。我试过使用flexbox，原理上是可行的，但对于大约5-6个嵌套列表(它们都有display: flex；和flex-direction: column;)我注意到，当以编程方式添加更多嵌套列表时，Chromepadding-left: 8px; padding-right: 4px;
浏览 1提问于2017-11-16得票数 2
1回答
我有一个需要全宽的a部分。好的，液体容器。现在，在其中，我需要两个列-8和-4，每个列都有不同的背景颜色。好的，没问题。现在，设计要求这些列(.left和.right)中的内容具有副本，就像它在.container中一样 <div class="">
&l
浏览 7提问于2016-08-25得票数 0
3回答
我正在使用CSS flexbox来构建一个可伸缩的、响应式的网格。当将Google图表应用于其中一个flexbox项目时，该项目的大小会发生如此微小的变化。这足以使网格失去对齐。将Google chart应用于项目6之前的Flexbox网格：将Google chart应用于第6项后的Flexbox网格：Flexbox网格的加载速度比Google图表快，因此网格最初是正确加载<
浏览 0提问于2016-03-29得票数 16
回答已采纳
1回答
我正在尝试实现一种输入字段显示在列中的布局。当列超过其容器的高度时，它必须水平换行。此外，表单内容由Ember.js按照的方式生成。绑定到表单的模型会发生变化，这意味着输入字段的数量是动态的。如何才能更兼容地实现此布局？
浏览 2提问于2013-07-12得票数 0
除了使用flexbox之外，还有什么方法可以在容器内设置高度，在容器中，兄弟姐妹动态地改变其大小？只使用CSS。</div>
我不知道小部件的大小，因为客户可以随意更改尺寸。nav元素也是可定制的。问题是，当内容超过空间的其余部分时，我想提供滚动。
浏览 0提问于2018-10-17得票数 0
回答已采纳
我正在尝试为图像设置max-height: 100%，即在几个嵌套容器中。图像的父母之一具有以像素为单位的高度。但是形象还是超过了父母的身高。嵌套容器用于不同的目的：
图像容器用于内部目的(裁剪器、镜像、javascript行为)。img本身不能超过整体
浏览 0提问于2018-05-10得票数 0
1回答
我有一个特定尺寸的视口。目前，我只显示了在html5画布上绘制的单个图像。但现在我需要显示多个画布，范围从1-6。要求是根据画布的数量调整画布的大小，使其适合父div。例如:单个canvas应该占父div的100%，2个canvas占50%-50%。因此，对于6个画布，它将是2行，每行3个画布。
此外，用户可以切换某些画布的显示/隐藏，以便他们必须重新排列。我使用的是angularjs、javascript和html5 css3。
浏览 0提问于2016-05-25得票数 0
1回答
我有一个有固定高度的div标签。假设这个容器的高度是300 in。现在，这个父容器中有多个div。现在这个div的内容是动态的，所以我不知道它将包含多少子元素。如何使父容器垂直包装子容器？也就是说，如果我有3个子容器，并且它的高度之和超过300 on，那么剩下的应该放在下一列。-- Multi
浏览 3提问于2019-11-17得票数 0
1回答
我正在尝试通过使用flexbox来完成这个设计：它应该是一个单页面的网站。 <div class="smallest"> <div class="big"> </div>我不知道如何实现“最小”div是“大”的25%，更不用说让“小”是大的75%了。而且高
浏览 3提问于2019-04-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
