腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
Flexbox
项目
在其
容器
之外
、
我正在尝试用HTML、CSS和JS重新创建一个大学
项目
的数学游戏。在布局过程中,我的
flexbox
项目
会移出它们的
容器
。我给它们加了一个粗边框,这样就更容易看到发生了什么。
浏览 19
提问于2021-06-21
得票数 0
回答已采纳
1
回答
为什么
flexbox
子项不能拉伸以填充父
容器
(包括jsfiddle)?
、
、
根据CSS-tricks上的文档,使用justify-content: stretch,
Flexbox
子
项目
应该
在其
容器
内伸展以填充可用的空间。我有一个
flexbox
容器
,我将主轴设置为列方向,然后在这个
容器
中放置两个div
flexbox
项。我希望它们均匀地填充可用的垂直空间(所以我相信flex: 0 1 auto应该这样做)。
浏览 1
提问于2018-07-11
得票数 0
3
回答
div位于flex
容器
之外
,导致文本中断
、
如您所见,我的.text div (绿色)位于它的
容器
article (黄色)的边界
之外
。在我的实际
项目
中,这会导致文本被截断。在我的JS示例中,它只是
在其
容器
main的边缘
之外
扩展.text 布局使用了
flexbox
。为什么.text坐在它的边界
容器
之外
?
浏览 0
提问于2016-06-06
得票数 1
3
回答
Flexbox
导致adsense错误:"adsbygoogle.push() error: No slot size for availableWidth=0“
、
、
、
、
我有一个网站,它的布局使用角度材料和
flexbox
。我试图
在其
中一个
flexbox
容器
中包含一个Google Adsense代码片段,但它给出了错误:"adsbygoogle.push() error: No slot size for availableWidth但是,如果我将相同的代码片段放在
flexbox
容器
之外
,它就能正常运行。 这并不理想,因为我的整个网站都是用
flexbox
制作的。所以我想找到一种方法,让它在
flexbox
浏览 46
提问于2016-04-30
得票数 6
1
回答
容器
Flexbox
项目
、
、
、
我用两个flex
容器
创建了一个小网站,效果很好。在container类上只使用一个
flexbox
容器
可以达到同样的效果吗?我一直在尝试这样做,但它不起作用,而且我不想同时拥有两个
flexbox
容器
。
浏览 0
提问于2016-03-12
得票数 0
4
回答
是否可以显式地样式匿名的flex项?
、
我正处于掌握基本的
flexbox
概念的早期阶段。MDN上的文章指出(强调我): margin: 1em;} border: 1px solid blue; 然而,我仍然不确定这些匿名
项目
在
flexbox
浏览 5
提问于2017-03-26
得票数 4
回答已采纳
1
回答
将
flexbox
容器
缩小到内容大小
、
、
如果使用
Flexbox
布局在一行中对某些
项目
进行布局,则
Flexbox
容器
将占据其所在
容器
的全宽。如何将
Flexbox
容器
设置为只占用其子元素的宽度?看一下下面的例子: 在本例中,
flexbox
容器
的大小超出了子元素的宽度。解决这类问题的典型方法是display: inline,但显然这是行不通的,因为那样它就不再是
flexbox
容器
了。
浏览 3
提问于2017-07-12
得票数 11
1
回答
在CSS的大项之间放置空格
、
我想在
Flexbox
行包装
容器
的大型
项目
之间留出空间。谢谢
浏览 2
提问于2016-07-08
得票数 1
回答已采纳
2
回答
使用
Flexbox
,我如何以编程方式移动div?
、
、
我在flex
容器
中有一个div。我需要以编程方式改变位置-改变top和left -和大小-改变width和height这个div。我该怎么做。
浏览 1
提问于2017-03-30
得票数 0
2
回答
如何在main content的右侧放置一个旁栏?
、
我试过使用'
flexbox
‘,这似乎解决了'aside’元素的问题,但它将页脚垂直放置在内容的顶部(&覆盖部分内容),而不是水平放置在底部,同时将页眉移动到内容的左侧(它应该位于静态导航栏的顶部)。这是由使用'
flexbox
‘引起的。如果我不使用'
flexbox
',那么‘side’元素中的'Self-Help Quotes‘会被放在内容下面,而不是放在边上。
浏览 0
提问于2018-09-16
得票数 0
2
回答
css居中方框,不对齐居中
、
、
、
、
</div>); 有没有一种方法可以让test4出现在test1下,同时仍然将
项目
集中到父
容器
中将justifyContent更改为flex-start将导致整个
flexbox
与父对象的左侧对齐。
浏览 0
提问于2017-11-06
得票数 1
1
回答
如何避免当
flexbox
旁边的div宽度增加时,
flexbox
中的
项目
不会从div中出来?
我希望当
flexbox
旁边的div宽度增加时,
flexbox
中的项不会从
flexbox
中出来。 假设我有一个
flexbox
容器
,它包含svg、输入字段和带有简单文本的div等项。在这个
flexbox
容器
旁边,我有一个侧面板。当用户侧向拖动侧面板时,这个侧面板可以是resized..meaning的,它的宽度可以增加或减少。在这样做的过程中,
flexbox
容器
会收缩,因此
flexbox
中的项会从it...how中出来。
浏览 3
提问于2019-03-28
得票数 0
1
回答
根据父div的画布wrt数调整画布大小
、
、
、
、
我有一个特定尺寸的视口。目前,我只显示了在html5画布上绘制的单个图像。但现在我需要显示多个画布,范围从1-6。要求是根据画布的数量调整画布的大小,使其适合父div。此外,用户可以切换某些画布的显示/隐藏,以便他们必须重新排列。
浏览 0
提问于2016-05-25
得票数 0
2
回答
定义垂直对齐的
flexbox
项的溢出方向
、
我有一个
flexbox
,里面只有一件东西。此
项目
在水平和垂直方向居中。当项比它的
容器
长得高时,它在
容器
的顶部和底部同样地溢出。我希望它只在底部溢出,并在顶部锚定。有什么想法吗?(在Chrome Canary中查看最新的
Flexbox
)
浏览 0
提问于2013-07-09
得票数 1
回答已采纳
1
回答
PrimeFaces overlayPanel
在其
容器
之外
、
我正在尝试将OverlayPanel显示到Carousel中,但此面板比Carousel更宽,因此它的内容没有完全显示出来。有没有办法通过在Carousel外部绘制它的溢出来完整地显示它?
浏览 1
提问于2012-05-06
得票数 5
2
回答
向右对齐元素与边距-左: auto
、
我知道我应该使用浮动向右对齐一个元素,但是我有一个复杂的
项目
,我需要理解为什么边距:0 0自动;在一种情况下将一个元素对齐,以及为什么它
在其
他情况下不能工作。当
容器
是flex
容器
时,边距:0 0自动;将元素对齐到右边,如您在本例中所看到的:div { width: 400px;} margin: 0 0 0 auto;<div> <span>test</span>
浏览 7
提问于2017-03-13
得票数 12
回答已采纳
1
回答
使用柔性盒而不是仅仅使用显示的最重要的优点是:内联
、
、
、
、
我知道使用柔性盒比使用旧概念要舒服得多,比如但是,如果您只是通过放置
容器
和使用display: flex;来比较使用柔性盒,而不是仅仅将
容器
中的每个元素更改为我指的是,除了使用
之外
,还有方向、包装、合理内容等。所以当我举一个例子 我也可以通过使用display:inline和float: right来实现这些属性(在
容器
中水平地放置一个项,同时拟合
容器
的总大小)吗? 我知道这是无效的。但是,我正在寻找为什么
flexbox
浏览 0
提问于2021-11-20
得票数 0
回答已采纳
3
回答
如何防止内容调整flex
项目
的大小?
、
、
、
我正在使用CSS
flexbox
来构建一个可伸缩的、响应式的网格。当将Google图表应用于其中一个
flexbox
项目
时,该
项目
的大小会发生如此微小的变化。这足以使网格失去对齐。将Google chart应用于
项目
6之前的
Flexbox
网格:将Google chart应用于第6项后的
Flexbox
网格:
Flexbox
网格的加载速度比Google图表快,因此网格最初是正确加载的但是,当图表加载时,
项目
6会略微扩展
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
1
回答
如何创建柔性盒布局?
、
我想要在一个div和一个div中创建一个
flexbox
布局标题、详细信息和其他内容,其中的内容应该靠近这个div,应该放在主框的中心(命名
容器
)。 我想做什么?我创建了一个名为
容器
的div,并
在其
中放置了标题和其他细节。在这样做时,close也在名为
容器
的div中。它应该在
容器
div
之外
,在它的中间。
浏览 0
提问于2019-02-25
得票数 1
回答已采纳
1
回答
当使用gap时,如何正确地将flex
项目
设置为50%?
、
、
我有一个柔性箱
容器
,它包含四个列,它们是柔性箱
容器
的直接子列。一旦浏览器窗口宽度达到992px和更低,我想要更改,这样..
flexbox
项就占用了
容器
的50%的宽度。问题是:如果我没有在..
flexbox
容器
上使用“gap”属性,但是一旦我输入了gap: 1em,那么百分比就不能正常工作了,因为我知道gap是被考虑在内的,并且把这些.don
项目
的宽度相加。这是我的代码: <div class="
flexbox
-container&quo
浏览 6
提问于2022-05-25
得票数 1
回答已采纳
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券