腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
切换
flex
容器
的
方向
、
、
、
、
></article>无论屏幕宽度如何,呈现
的
页面始终为
flex
-direction: row。.home-post-thumb{
fle
浏览 0
提问于2016-08-17
得票数 1
回答已采纳
1
回答
调整大小时使用引导堆栈
的
flex
问题
、
、
我在下面使用了
flex
,对柔韧
的
世界有点陌生, display:
flex
; justify-content/div> div5</div> 上面的代码给了我在桌面视图中想要
的
东西例如:项目是集中对
浏览 2
提问于2017-01-14
得票数 3
回答已采纳
1
回答
如果父程序有列
方向
,则Flexbox基不能工作。
、
我有一个
flex
容器
,它有两个子
容器
(一个标题和一个
flex
框)。这个
容器
的
方向
是列。方框子
方向
是行,我想使用
flex
-basis来约束它
的
宽度。 display:
flex
;} display:
flex
;
flex
-direc
浏览 3
提问于2017-06-22
得票数 0
回答已采纳
2
回答
图像元素(Ionic2)下
的
中心跨度单元
、
、
、
、
如何使用
flex
将这个跨度集中到化身下面?如果删除span,则化身图像是很好
的
集中,但是当我插入span时,即使使用display:block,它也会显示在右侧。这是我
的
<ion-avatar item-center>那是我
的
SCSS
浏览 1
提问于2016-06-20
得票数 1
回答已采纳
2
回答
与
flex
方向
属性混淆
、
、
默认情况下,沿主轴
的
弯曲
方向
是->(从左到右)。 当您将
flex
方向
改变为行-反转时,它变成了<-(从右到左),但是为什么它从
flex
容器
的
右侧开始呢?
浏览 0
提问于2019-01-31
得票数 1
回答已采纳
1
回答
列表视图,其中
的
flexbox显示一行中
的
所有项目
、
、
、
我在FlexBox
的
造型设计上有问题。问题是,所有项目都显示在一行中。我怎么才能修好它?// Default Loading View alignItems: 'center',
flex
flexDirection: 'row', },
浏览 1
提问于2016-07-06
得票数 1
回答已采纳
1
回答
在代码中将打开
的
制表符条移到底部
VS代码中是否有移动此栏
的
选项? 到屏幕
的
底部,就在控制台上方?例如,在JetBrains
的
产品中,有一个设置:Tab placement: Bottom非常感谢!
浏览 2
提问于2021-01-29
得票数 1
回答已采纳
1
回答
柔性箱中
的
引导列不包装在较小
的
屏幕上
、
、
、
我有一节我
的
网站,我正在使用下面的CSS在2个div,和一个a标签,以使内容垂直对齐在中心。问题是,使用
flex
样式
的
属性,当窗口小于768 of时,理想情况下,内容将更改布局,每个col-md-4都将相互叠加在一起。 display:
flex
; justify-content: center; .about-us-navbackground-c
浏览 5
提问于2015-10-13
得票数 3
回答已采纳
1
回答
当有多个列时,计算一列
的
Flex
容器
、
、
我有一个由15项组成
的
li,显示为
flex
-direction: column (应用于父项(ul))。然后,我有一个带有div属性
的
ul包装。所以is ul 200px
的
宽度应该是800px。因此,当我将justify-content: center (或
flex
-end)属性添加到div中时,它将ul作为中心,就好像它只是200px一样,因此它不能正确地对中心。div { height: 700px; display:
flex</e
浏览 4
提问于2016-06-10
得票数 4
回答已采纳
2
回答
不同高度
的
柔性箱
、
、
宽度总是保持不变,但我希望身高是flexible.This,这是它现在
的
样子。从现在开始,我使用
的
是固定
的
值,但是每个项目的高度应该取决于内容。 .container {
flex
-wrap: wrap;
flex
: 50%; margin-bottom: 10px; height: 100
浏览 9
提问于2022-05-30
得票数 -1
3
回答
HTML div元素中
的
反向顺序
、
、
我试图用spinx_rtd_theme修改我
的
狮身人面像文档
的
样式代码。 是否可以在不改变img-tag代码
的
情况下将logo.png设置为每个a.icon-home元素中
的
顶部?
浏览 0
提问于2019-08-20
得票数 0
回答已采纳
4
回答
如何使div在页面中间居中?
、
、
因为我使用了
flex
-direction:column,所以我使用justify-content:center对齐子div,但是子div看起来与左对齐。"far fa-copy url-copy-icon"></i></span> </div></div>
flex
-wrap:
浏览 2
提问于2021-09-16
得票数 0
回答已采纳
2
回答
带列
的
内联挠性
容器
.同级内弯
容器
的
反向冲击对齐
、
、
在我
的
代码中,两个内联
flex
坐在一起。 在第一个内联
flex
中,
flex
项被设置为
flex
-direction:column-reverse。然而,这会影响其兄弟姐妹
的
内联柔性div
的
位置水平。我
的
意思是,当
flex
设置为
flex
-direction: column时,同级
flex
的
位置不同。我不明白为什么会这样。我
的
理解是,
flex
-dire
浏览 3
提问于2016-06-10
得票数 1
1
回答
引导:将行重新排列成列并更改元素
的
顺序
、
、
、
、
我在做一个有反应
的
项目。我有一个关于移动/xs视图
的
部分,应该如下所示:红色方块是
切换
按钮,蓝色方块是当前显示
的
图像。我知道引导是建立在Flexbox之上
的
,我需要使用
flex
属性吗?我刚开始接触Flexbox。理想情况下,我希望在不干扰Flexbox
的
情况下实现这一点。有什么办法可以用Bootstrap
的
偏移量来做吗? 很难在大屏幕上将红色方块(最初设置为移动视图中
的
行)转换为列,然后将蓝色方块放在中间。
浏览 0
提问于2019-08-16
得票数 2
回答已采纳
2
回答
将
flex
项堆栈到
flex
容器
的
底部
、
、
、
我正在尝试将3项对齐/堆栈到display:
flex
div
的
底部。管理它
的
唯一方法是在顶部添加第4个div &使用javascript/jquery动态调整其高度,本质上是将这3项推到底部。在不诉诸javascript/jquery
的
情况下,是否有一种纯粹
的
CSS3方法来做到这一点?谢谢 这是。我希望对齐/堆叠到底部
的
3个div是.searchForm、.tweetForm和.myMsg。目前,我正诉诸于将.fudgeBox放在顶部,以将
浏览 4
提问于2016-05-11
得票数 3
回答已采纳
1
回答
Flexbox在chrome和firefox中
的
不同行为
、
、
我正在尝试建立一个动态布局
的
网页使用Flexbox和React。当
flex
方向
从列
切换
到行,再
切换
到列时,
flex
项
的
宽度在chrome中不会像预期
的
那样反映出来。(Reactjs版本)在上面的jsfiddle示例中,
Flex
容器
的
宽度为400px,四个子
flex
项
的
宽度为400px,从上到下排列。当伸缩
方向
更改为行时,
浏览 1
提问于2014-08-30
得票数 1
1
回答
是否有可能逆转挠曲箱
的
横轴
方向
?
、
我们可以用
flex
-direction属性指定主轴
的
方向
。但是,根据我所发现
的
,没有任何属性会对横轴起同样
的
作用。这意味着唯一可能
的
组合是:(主轴粗体,横轴细) 有没有办法适用其他四种可能
的
安排? 编辑:假设
flex
-wrap设置为wrap,因此交叉轴上有多个行或列 EDIT2:,谢谢!将
flex
-wrap设置为wrap-reverse可以反转交叉轴
的
方向
浏览 2
提问于2018-01-18
得票数 5
回答已采纳
3
回答
Flex
box
容器
宽度不增长
、
在默认行
方向
使用
flex
box时,
容器
高度会增长以包含所有
flex
项,即使它是绝对定位
的
也是如此。#container { display:
flex
;}
flex
:0 0 200px;}但是,如果伸缩
方向
更改为列,则
容器
将折叠为单个
浏览 1
提问于2015-03-06
得票数 18
2
回答
我怎样才能在这两个物体之间留出一个空间?
.phone-back{
flex
-basis: 400px;
flex
-shrink: 0;height: 80vh;margin: auto;margin-top: auto;background-image: url(images1.jpg);background-size: cover;border-radius: 35px;} .phone{display:
flex
;padding: 0;
flex
-direction
浏览 7
提问于2022-04-11
得票数 -1
1
回答
是否有可能与柔性盒同时进行“行-反”和“列-反”之类
的
操作?
、
、
在我编写
的
应用程序中,我试图创建一个二维网格系统,它可以在任意
方向
上无限扩展。对于熟悉LabVIEW的人来说,我试图模仿用户在VIs
的
前面板和方框图中无限期滚动
的
能力。使用flexbox,我设法使它在向上、向下和左侧
的
方向
上正常工作,但是向右滚动是有问题
的
:网格
的
工作方式是在固定大小
的
"viewport“div中嵌套一个可调整大小
的
”
容器
“div。本质上,当我从轴
的</
浏览 2
提问于2018-05-18
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flutter的AnimatedContainer实现容器的装饰效果动画切换
全年主线,两个方向切换!
设置回车键切换单元格方向方法
【CSS基础】Flex弹性布局
前端入门5-CSS弹性布局flex
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券