腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何为
flex
box
容器
添加
水平
滚动
?
、
我使用flexbox在HTML中创建一个带有
水平
滑块的滑块。但是使用下面的代码:<!device-width, initial-scale=1.0"><style> width: 425px; <div></div> <div&
浏览 5
提问于2021-03-06
得票数 1
2
回答
如何创建反向
flex
行的可
水平
滚动
的
flex
列?
、
、
、
我想要创建一个
水平
滚动
的
flex
列,它包含几个
flex
行,但是我想以相反的方式显示每一行。即1,2,3,4,5,6显示为6,5,4,3,2,1。下面是我尝试的一个JSFiddle: </div>CSS: display:
flex
; <em
浏览 0
提问于2019-07-15
得票数 1
回答已采纳
1
回答
如何在浏览器视口缩小时防止列堆叠
、
我不想让我的列在浏览器视口缩小时堆叠,我希望列保持原样,但有一个
水平
滚动
条显示,这样在较小设备上的用户只需向右滑动
滚动
即可。;} height: 100%;
flex
-grow: #cccccc; background: #e2e4e6; border-ra
浏览 12
提问于2018-07-23
得票数 0
1
回答
flexDirection导致图像消失
、
、
、
虽然它们不是垂直的,但我希望它们
水平
显示。absolute', left: 10, alignItems: '
flex
-start', <Text style={styles.name
浏览 23
提问于2021-05-10
得票数 0
1
回答
Flexboxes、Chrome和意想不到的
滚动
条
、
、
、
:border-
box
;
flex
-flow:column nowrap; overflow:auto;.vboxdarkred;
flex
:none; display:
flex
; overflowborder:0.25
浏览 1
提问于2015-02-13
得票数 0
1
回答
自动调整区域以适应屏幕
、
、
<Grid direction="row" alignItems="
flex
-start" <Grid item> d
浏览 2
提问于2021-09-02
得票数 1
2
回答
使
flex
布局的内部
容器
适合屏幕大小
、
:
flex
;/** CSS Framework: END**/ width: 100%;} Foobar </div> </div> 你会看到有一个非常大的
容器
,它不适合正常的屏幕尺寸。这就是为什么我使用inner-
box
来设置最大宽度为100%,并启
浏览 18
提问于2021-01-25
得票数 3
回答已采纳
1
回答
如何制作具有固定页眉、页脚和可
滚动
内容的
flex
布局?
、
、
: border-
box
;
box
-sizing: border-
box
;{ overflow: auto; </script> 但如果要
添加
更多内容,则使用
水平</em
浏览 1
提问于2020-05-01
得票数 2
回答已采纳
2
回答
如何将两个
flex
项目中的一个放在一个
flex
容器
中?
、
、
我希望方框2位于#
box
-cntnr的中心,所以我使用align-self属性。我愿意接受其他方法来完成这件事。。HTML <div class="
box
" id="b1">
box
1</div> <div class="
box
" id="b2">
box
2</div
浏览 6
提问于2016-02-08
得票数 1
回答已采纳
1
回答
带溢出子的柔性盒-x:auto和
flex
-grow:1
、
、
、
其中一个项目是一个div "
box
“,其中包含了
flex
:1来填充行的剩余空间。我想使用
flex
所使用的所有剩余空间:1.如何解决这个问题? display:
flex
; width: 400px
浏览 4
提问于2017-01-30
得票数 1
回答已采纳
1
回答
在柔性箱布局中,是否有交叉轴的“
Flex
-收缩:0”声明?
、
、
、
、
我希望防止
flex
容器
中的元素在非
flex
-direction的维度中收缩。下面的示例将<article>元素并排放置在一行中。当可用的垂直空间减少时,这些元素不会强迫它们的
flex
容器
显示
滚动
条;相反,内容会溢出元素边界。屏幕1 -有足够的
水平
和垂直空间来显示所有内容:屏幕截图2 -缩小的垂直空间将元素边框向上推高:屏幕截图3 -垂直空间进一步减少,
容器
最终得到一个
滚动
条:屏幕截图4-
浏览 2
提问于2015-03-18
得票数 7
1
回答
使子级100%宽度为
flex
父级
、
、
、
我有一个带有主挠性div main-container和一个子
box
的角分量。我希望孩子在父母的中间,并且有100%的父母宽度。下面的代码片段显示我的代码正在工作,但在角度上,
box
的宽度是80 by (由填充)。 padding: 15px; display:
flex
; align-items: center;.<e
浏览 1
提问于2019-04-27
得票数 4
回答已采纳
1
回答
Flexbox,有两个项目左对齐,第三个项目右对齐,伸展
容器
的整个高度
、
、
是否可以在
flex
容器
中包含3个项目,但它们的显示方式如下:基本上,第1项和第2项在左侧,以及它们各自需要的高度,那么第3项是右对齐的,但会拉伸弹性
容器
的整个高度?
浏览 0
提问于2016-02-17
得票数 1
2
回答
溢出
滚动
-y不适用于flexbox
、
、
当新的div框(.dialog-
box
)被
添加
到父
容器
(.dialog-container)时,我正试图将div“堆叠”在彼此的顶部。为了堆叠这些元素,我在父元素上使用了以下代码:
flex
-direction: column;我想
滚动
这个
容器
来查找溢出的.dialog-
box
,但使用
flex
-
box
时,overf
浏览 0
提问于2018-03-27
得票数 2
2
回答
CSS: PRE tag制作卡片尺寸大于
容器
、
问题是,由于使用了pre标签,卡片的尺寸变得比
容器
大,因此我在网页上看到了一个
水平
滚动
条。如果内容大小大于卡片大小,如何制作前标签
滚动
?就像stackoverflow ansers上的代码片段一样。它们不会
水平
地延伸到页面之外,您会在代码片段中看到一个
水平
滚动
条。; align-items:
flex
-start; -webkit-
浏览 21
提问于2021-05-30
得票数 0
1
回答
在启用柔性盒的元素中溢出-x不允许
滚动
。
、
、
我想要一个主工作区,一个控制面板在右侧,和一个码头在底部将
水平
滚动
,以显示一个动态的项目数。:0;padding:0;height:100vh;width:100vw;}
flex
-basis: 100px; height: 100px;:
flex
;} background: cyan;} .d
浏览 2
提问于2021-07-08
得票数 0
回答已采纳
2
回答
创建行大小为3,列大小为N的div
、
、
、
我想要显示div,以便它可以
水平
滚动
。我已经创建了一个display
flex
容器
,但我不确定还需要做什么才能使框向左对齐。Here is the demo code .container { border: 1px solid black;
flex
-direction: column;} border: 1px solid blac
浏览 26
提问于2021-11-08
得票数 0
回答已采纳
1
回答
创建一个在溢出时
水平
滚动
而不溢出页面的柔性盒。
、
、
在内容中,我有一个旋转木马,我想在溢出时
水平
滚动
图像。以下是一个例子:body {} display:
flex
;} border:{}
flex
-wrap: nowrap; overflow: auto; <
浏览 1
提问于2021-07-09
得票数 0
回答已采纳
2
回答
Flexbox将项目并排放置而不居中
、
<div style="display:
flex
;justify-content:center;align-items:center;"> <p>content
浏览 4
提问于2020-04-24
得票数 0
2
回答
滚动
-x表示溢出不起作用,而是显示y的
滚动
条
、
我试图理解为什么我不能
水平
滚动
看到其他粉红色的拇指。我在拇指
容器
中
添加
了
滚动
-x溢出,并认为它允许我
水平
滚动
以查看其他拇指;相反,它只垂直
滚动
。 height: 50px; overflow-x: scroll;.thumb {
box
-sizin
浏览 1
提问于2017-11-24
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
第一部分:前端项目的常见CSS问题
Flex 布局教程:语法篇
CSS居中方式总结
10 分钟理解BFC的作用及原理
CSS3 Flexbox布局
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券