回答情况：
提问时间：
问题标签：
原始代码片段：import { ObservableMedia } from '@angular/flex-layout';ObservableMedia已经被废弃了，现在import { MediaObserver } from '@angular/flex-layout
浏览 14提问于2020-02-06得票数 0
我一直在试着做一些特定尺寸的布局。如上图所示，我试图创建两个布局，个人电脑和移动。问题就在手机上。SectionA和SectionB在一个flex布局中绑定在一起，所以我想不出如何将SectionC放在A和B之间。 background-color: #d7d<
浏览 17修改于2022-09-13得票数 0
回答已采纳
+ 7 |+-----------+---+
问题是，左边列中间的三个框是沿着交叉轴堆叠的，我在CSS中找不到这样做的机制。我知道这可以用一个div包装在这3项上，即行方向flex布局，但这种方法破坏了flex布局的灵活性，因为这些项目不能再围绕外部布局重新排序，并且不能再在它们之间发生列/行中断。那么，如何通过只使用CSS来实现这一点，从而使flex布局保持灵活？<div id="ite
浏览 5修改于2015-05-27得票数 5
回答已采纳
1回答
我试图使用嵌套的柔性盒布局，以便在有一定空间时实现以下布局：然后，当没有足够的空间时，右侧应该换为行布局，而不是列布局，这样框在包装时是并排的，例如：这样做的目的是让方框位于左侧内容的到目前为止，这就是我所拥有的，但是如果你调整窗口的大小，你会发现盒子保持在相同的方向上：
min-height: 50px;} disp
浏览 4修改于2020-08-12得票数 17
回答已采纳
1回答
我在下面做了一个布局： <View style={{flex:1}}></View> <View style={{flex:1}}></View>
<View style={{flex:1}}><
浏览 0提问于2018-03-15得票数 0
回答已采纳
我有困难的时间来创建这个布局，下面是我想要实现的柔性盒布局。我试过了，但是，这是我得到的结果。有人能帮我找到正确的方向吗？.flex{ flex-flow: row wrap; width:100%;.flex-child} order: 7;
浏览 0提问于2019-09-16得票数 1
回答已采纳
为了测试，我从CodePen获取了一个非常简单的flexbox布局，并粘贴了下面的信息。
IE11上的布局失败图像 background: #333; font-weight: auto; max-width: 180px; display: flex;
just
浏览 0修改于2017-09-23得票数 24
我正在尝试使用flexbox创建一个日历布局，它将始终有7个项目在一行。我被困在没有在parent上指定固定的with的情况下。#calendar { flex-flow: row wrap; flex: 1;
text-align: center
浏览 0提问于2017-03-15得票数 1
我试着做这样的布局：<View style={styles.container}> <View style={styles.horizon}></View></View>
flex: 1,
浏览 3提问于2020-10-26得票数 1
回答已采纳
我想将flex-direction:column用于特定的布局。1 3 5 7
我现在得到的是：246我目前的简化代码如下： display: flex;
flex-direction
浏览 4修改于2016-12-27得票数 13
回答已采纳
1回答
我需要创建布局，其中将包含两列的项目列表。如下所示：.container { height: 300px; flex-direction: column; flex-wrap: wrap; border: 1px dashed blue;
height: 50pxdiv class="item"
浏览 0修改于2017-05-29得票数 23
回答已采纳
当使用flex布局时，它可以在Chrome，Safari中工作。但是，IE10浏览器(Window7)无法正常工作。(我在Component.module.scss文件中编写了代码。)在Chrome中，Safari浏览器检查器... .box { display: -ms-flexbox;} 在IE10浏览器检查器(Window7</e
浏览 16修改于2020-08-21得票数 0
回答已采纳
主要布局是使用flex完成的，而我对文档的理解是绝对定位通过相对于最近的后代的位置与flex布局相结合，但这似乎不是我的经验。希望有人能帮我。</div></div>.flex{ font
浏览 0提问于2018-12-12得票数 4
回答已采纳
如何使用flex布局在angular 2材质中开发响应式布局。在angular材质中，我们使用下面的代码在桌面和移动视图上进行响应式布局。例如。<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center">
<div flex="33"flex-xs="1
浏览 3修改于2018-02-09得票数 4
2回答
我正在尝试创建一个可滚动的柔韧子，其高度由其flex属性决定。: 40vh;}
background: #D8E2DC;} <div class="<div class="box">box2</div> </div>
浏览 1修改于2019-05-11得票数 3
回答已采纳
1回答
我试图建立一个布局，其中有两个单独的内容组:一个在左侧和右侧，固定宽度(20%/80%)目前。到目前为止，我能够实现基本的布局，如这个所示。然而，我的问题是，即使我将高度设置为100%，我也无法使“更短”的面板填充高度。在给定的示例中，左侧面板的'C‘div与右侧面板的'Box7’div之间有一个空空间。html/css代码如下所示。
我怎样才能解决这个问题，或者有没有更简单的布局解决方案？任何帮助都将不胜感激。div class='ritem'>Box 5
浏览 2修改于2016-03-08得票数 2
回答已采纳
我有一个问题，使用“路由器-出口”方法将flex布局应用于注入到位的组件。<app-eis-card-body > </app-eis-card-body>
使用我的flex布局，父div "app-eis-card-body在应用布局的其他地方，我没有使用'router-outlet‘，我注意到为了使flex正常工作，我必
浏览 1提问于2021-01-20得票数 0
1回答
我需要一个未知数量的元素的flexbox-布局，当没有更多的可用空间时，它会换行到下一行。但我需要整个布局(红色边框)在容器(绿色边框)内居中，但我不希望项目(黄色框)在包装时居中。solid silver; border: 3px solid red; flex-wrap: wrap; margin: 10px;<div class="container">
<ul class
浏览 2修改于2020-07-17得票数 2
3回答
当TextInput被聚焦时，键盘就会出现，因此所有的flex视图都会缩小到可用的屏幕上。我想实现的页面布局不应该改变，输入应该是用户可见的。<View style={MainView}> <View style={{flex:1,backgroundColor:'#add264'}}></View>
<View style={{flex<
浏览 4提问于2017-05-25得票数 0
我正在尝试在flexbox中做一个3列的行布局。 左列的宽度需要为60px，并且不能更大。 然后中间的列需要拉伸100%，右边的列需要在右边，宽度不超过200px。| width: 60px | Stretch 100% | width: max-200px | 下面是我的代码： <div class="flex-container"> <div style="flex
浏览 40修改于2019-01-29得票数 4
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号