我对flexbox和它的奇怪反应有一个问题，我为父元素设置了flexbox并应用了flex: 1 1 100%，它不起作用。火狐开发工具告诉我父容器不是flex容器，并将display: flex添加到父容器中。 #dragable_container { height: 20rem;}
flex: 1
浏览 14提问于2021-04-28得票数 0
我遇到了嵌套flex列中的空间管理问题。 下面是我的例子。我有一个具有固定高度的列，以及两个子项:一个具有固定高度，另一个使用"flex: 1 1 auto“填充可用空间。到目前为止，一切都很顺利。但是现在，第二个孩子变成了另一个flex列，有两个孩子。同样的想法:一个孩子有固定的高度，另一个孩子应该填满可用的空间。不起作用！; border: 2px solid black; height: 50px;
flex</
浏览 16提问于2020-09-04得票数 1
回答已采纳
MDN上的文章指出(强调我)：
margin: 1em;} border: 1px solid blue; justify-content: space-between;} border: 1px
浏览 5提问于2017-03-26得票数 4
回答已采纳
2回答
我在我的页面上有一个动态页脚，我希望它上面的内容能够缩放到页脚的顶部，这很好，但我有一个问题：#snippet-container { width: 200px; display: flex; height: 100%; flex: 1 1 auto;content">
<div class="test"><&#
浏览 0提问于2016-07-11得票数 21
回答已采纳
4回答
我在父div中有三个div，这些div是用以下方法分隔的：justify-content: space-between; width: 100%; justify-content: space-between;
padding-top: 50px;
浏览 14提问于2016-11-18得票数 19
回答已采纳
3回答
是否可以在flex项目上显示:表？.parent { border: 1px solid black; flex-direction: column;text-align: center; background-color: gray;
.content {
浏览 4提问于2016-03-11得票数 2
回答已采纳
2回答
当我运行它时，我在控制台中得到了这个错误：
“对齐自我对此元素没有影响，因为它不是网格或flex项。请尝试添加显示:网格、显示:flex、显示:内联网格或显示:内联-flex。”。
浏览 2提问于2020-12-14得票数 0
回答已采纳
1回答
我给了我的身体一个display:flex。现在，难道所有的子元素都不应该变成flex项吗?在身体和身体中是1.一个flex容器和2.所有子容器的包装器？因此，我试着在Firefox中查看开发人员的工具：align-items/ justify-content对这个元素没有影响，因为它既不是一个flex容器，也不是一个网格容器。当我需要给每个div，部分
浏览 4提问于2021-01-01得票数 1
回答已采纳
当parent为display: flex;时，有没有一种方法可以强制它的子对象伸展到父对象宽度和高度的100%，而不访问子对象的道具？
浏览 1提问于2017-11-05得票数 5
回答已采纳
我以前在另一个页面上使用了CSS代码片段(“这个部分”注释之间的部分，见下面)，并假设我必须将它放在#外层#内部{部件下，因为内部框是我想要的中间部分。这不起作用，所以我随机地把它放在#外层，它起作用了。我不知道为什么，希望有人能向我解释原因:)请尽你所能回答，任何帮助都是非常感谢的！bord
浏览 0提问于2019-01-06得票数 1
回答已采纳
1回答
我在flex中有一个图片，它在边缘浏览器中延伸，但在其他浏览器中是正常的。这是我的密码和花招。打开彩色和边缘的jsfiddle url ..。我想让它看起来像边缘的铬。 height: 100px; display: flex; align-self
浏览 1提问于2016-10-26得票数 1
回答已采纳
1回答
引导中的等高嵌套div
、、、
现在，我需要使容器的高度相等(因为它看起来整洁得多)，但我遇到了麻烦，因为我正在应用边界的div在col-xx-xx div中，因为我希望使用排水沟。这是我的标记： display: -webkit-flex; display: flex;
-ms-flex-wrap: wrap;
浏览 4提问于2015-11-02得票数 3
回答已采纳
flex容器的所有子容器(由display: flex或display: inline-flex指定)都会自动生成flex项。没有flex项的显示属性；相反，我们将其设置为其他值，这取决于我们希望如何布局flex项的子级。因此，如果我在Y元素上将display设置为X值(考虑到Y参与了一个flex上下文，即Y是一个flex )，我是否可以确保始终得到一个像块级<e
浏览 2提问于2016-09-01得票数 14
回答已采纳
1回答
谁能告诉我为什么在行方向flex容器中的div中的文本不能正确换行，而是溢出？body { margin: 0;main, align-items: stretch; flex-shrink: 0; flex-wrap: nowrap;
posi
浏览 1提问于2018-02-02得票数 6
回答已采纳
1回答
我正在尝试对button和span元素进行居中，以便它们在.element div中水平和垂直地居中。我还试图让button和span元素相互叠加，同时包含在.element div中。我尝试在justify-content: center div中添加justify-content: center和align-items: center，但没有成功。请查找附加的代码：.pageContent { flex-direction: column;
浏览 1提问于2021-01-28得票数 0
1回答
带过渡的文本垂直对中
、、、
我正在使用flex和transition来尝试实现一些目标。这可能吗，还是我做错了什么？Eam assum habemus dignissim ne</p></a>.box-link { flex: 1 10px;
f
浏览 2提问于2016-03-10得票数 1
回答已采纳
为什么在此实现中没有应用100%宽度(其中类uk-width-1-1应用于网格容器子容器的嵌套div )：<!be a row, stacked --> </div>我可以看到如何达到我想要的效果，但我想知道它背后的逻辑是什么，这样我就能更好地理解它。-- nested div is onl
浏览 0提问于2017-08-12得票数 0
这是我想用display:flex实现的那种位置。我希望text1出现在顶部，text3出现在底部，text2出现在中间。 <div class=text3> </div>css: display: flex; bo
浏览 7提问于2016-01-04得票数 2
回答已采纳
2回答
如果前一个同级项设置为宽度为100%的float，而后面的同级项设置为display: flex，则后者会溢出父容器，而不是换行到新行。对于除flex (或grid)以外的任何其他display值，它都应该进行包装，所以当设置为flex时，它为什么不会进行包装.float-left { width: 100%; display: flex;
back
浏览 0提问于2017-08-29得票数 6
div { padding: 2rem; align-items: baseline;
border: 1px
浏览 1提问于2017-04-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
