腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
CSS
flexbox
问题
,
需要
安排
多个
相同
宽度
的
容器
、
、
我有一个带有
多个
块
的
页脚菜单。和
多个
.block-block项。我想要
的
是为.block-menu-block ul.menu li和block-block项目分配
相同
宽度
的
页脚。因此,如果页脚类似于示例,则每个项目的
宽度
为25%。| ----------------------------------
浏览 2
提问于2016-09-15
得票数 1
回答已采纳
2
回答
如何使
容器
宽度
依赖于特定子级
的
宽度
?
、
、
我有一个包含
多个
子级(也是div)
的
div
容器
。我
需要
底部
的
孩子是
相同
的
宽度
,因为它里面的文本。父
容器
和其他子
容器
的
宽度
应该与底子
容器
的
宽度
完全
相同
,即底子
容器
决定了所有内容
的
宽度
。我怀疑
flexbox
可能会有所帮助,但我在文档中找不到任何
浏览 16
提问于2019-06-06
得票数 0
回答已采纳
2
回答
Flexbox
与GSS:如何使未知数量
的
元素平均跨越它们
的
容器
、
、
、
我一直在使用,但是很难在
容器
中获得数量未知
的
元素,使它们具有
相同
的
宽度
、等间距和跨
容器
。我已经能够实现这一点与
Flexbox
,但有困难达到同样
的
结果与GSS。我创建了两个CodePens来说明我想要做
的
事情。希望实现与
Flexbox
提供
的
结果
相同
的
结果,但使用GSS。
CSS
/
Flexbox
- 在这里,您可以相应地
浏览 1
提问于2015-05-18
得票数 1
回答已采纳
1
回答
当使用gap时,如何正确地将flex项目设置为50%?
、
、
因此,我似乎误解了关于柔性盒
的
一些东西,不能正确地解决这个
问题
。 我有一个柔性箱
容器
,它包含四个列,它们是柔性箱
容器
的
直接子列。一旦浏览器窗口
宽度
达到992px和更低,我想要更改,这样..
flexbox
项就占用了
容器
的
50%
的
宽度
。
问题
是:如果我没有在..
flexbox
容器
上使用“gap”属性,但是一旦我输入了gap: 1em,那么百分比就不能正
浏览 6
提问于2022-05-25
得票数 1
回答已采纳
1
回答
SAPUI5
FlexBox
内部
的
输入
宽度
、
试图扩展
FlexBox
容器
内输入
的
宽度
。我想要和父
容器
一样宽。</mvc:View> </div>我可能错了,但我怀疑"flex-grow:0“是罪魁祸首,我无法找到访问这个属性
的
方法。我试
浏览 0
提问于2019-04-05
得票数 2
1
回答
Flexbox
div
宽度
在移动设备上溢出
、
、
我在WordPress上使用Visual Composer创建
的
这个站点()
需要
在全屏div中水平和垂直居中
的
元素。所以我使用了下面的
flexbox
CSS
代码:height: 100vh;display: -ms-
flexbox
; display
容器
。#home-header
容器
内
的
div和元素不会应用任何其他与
flexbox
相关
浏览 7
提问于2017-02-17
得票数 0
1
回答
将元素水平对齐到其
容器
,同时避免重叠
、
、
今天我遇到了一个有趣
的
CSS
问题
,我一直在绞尽脑汁想解决这个
问题
。所期望
的
目标 考虑一个类似行
的
容器
元素和三个子元素,“左”、“右”和“中心”。孩子们可能有不同
的
宽度
,但他们都是一样
的
身高。"Center“应该尝试保持相对于其
容器
的
中心位置--但是三个同级元素不能重叠,如果
需要
的话,可以将其推开到
容器
之外。还请注意,
容器</em
浏览 1
提问于2017-02-24
得票数 2
回答已采纳
1
回答
挠曲盒可以水平和垂直中心图像而不拉伸他们?
、
我想让图像在水平和垂直中心在他们
的
容器
内。如果它们
的
宽度
或高度大于其
容器
的
宽度
或高度,则使它们在保持其比例
的
同时自动收缩。下面的
CSS
代码是我在
容器
上使用
的
代码,试图实现这个目标:display: -webkit-flex; display: flex;第二个例子是一个高度大于其
宽度
的
浏览 3
提问于2015-06-02
得票数 5
回答已采纳
1
回答
使用柔性盒而不是仅仅使用显示
的
最重要
的
优点是:内联
、
、
、
、
我知道使用柔性盒比使用旧概念要舒服得多,比如但是,如果您只是通过放置
容器
和使用display: flex;来比较使用柔性盒,而不是仅仅将
容器
中
的
每个元素更改为display: inline;,那么使用柔性盒
的
优点是什么?所以当我举一个例子 我也可以通过使用display:inline和float: right来实现这些属性(在
容器
中水平地放置一个项,同时拟合
容器
的
总大小)吗? 我知道这是无效
的<
浏览 0
提问于2021-11-20
得票数 0
回答已采纳
1
回答
Flexbox
项
的
高度影响另一项
的
宽度
、
所以这个
问题
让我抓狂了。我有一个,它
的
工作方式与我所期望
的
完全一样。 但是我有类似的(如果不是
相同
的
)实现
的
代码,而且您会看到,因为我有更多
的
文本,所以它会导致第一个flex项
的
宽度
调整自己。我还是刚开始使用
flexbox
,但是我一直在阅读它们,也许我在
css
中出了什么
问题
?我看不出小提琴是如何起作用
的
,但真正
的
例子并非如此。
CSS</e
浏览 3
提问于2016-06-03
得票数 1
回答已采纳
2
回答
使用柔性盒对齐字段集中
的
元素
、
、
、
我有一个form和两个fieldsets,使用
flexbox
对齐元素。第二个字段集包含两个按钮,我希望它们显示在一行中,并以该行为中心。
浏览 2
提问于2013-10-29
得票数 1
回答已采纳
1
回答
为什么
flexbox
在包装元素后不能收缩到合适
的
位置?
、
、
我想要一个最大
宽度
的
flex-box,它
的
最大
宽度
可以超过这个
宽度
,但它也适合flex box中任何给定“行”
的
最大大小。我现在面临
的
问题
是,任何超出最大
宽度
的
元素都会导致
flexbox
仍然占据最大
宽度
。这是一个演示这个
问题
的
代码
的
链接: 下面是顶级
容器
的
html /
cs
浏览 0
提问于2020-01-01
得票数 6
1
回答
具有块内容
的
Flexbox
项溢出了
flexbox
容器
、
、
、
问题
期望行为这是。 naaaaaaaaaaaaaaaaaaaaaaa
浏览 1
提问于2016-06-01
得票数 5
回答已采纳
2
回答
使用
CSS
柔性盒或网格布局
的
响应图像库
、
、
我正在做一个图像库- widget,用户可以在其中设置缩略图
宽度
、缩略图高度和边距(缩略图之间),并且小部件将在一个很好
的
网格中呈现所有的图像-图钉,其中每个图像都有
相同
的
宽度
和高度。,我想知道
css
-
flexbox
还是
css
-网格是否可以做到这一点,而不
需要
在代码中定义行和列,也不
需要
断点/媒体查询。如果没有足够
的
项来填充一行,只需将其左对齐,即如下:我不想在
CSS<
浏览 4
提问于2017-02-21
得票数 6
回答已采纳
1
回答
Flexbox
-可变列数
问题
、
、
我正在尝试一种响应式
的
设计,其中链接
的
长列表是按列排列
的
,列数随显示设备屏幕
的
宽度
而变化。据我所知,我必须指定
容器
的
高度才能获得
多个
列。但是,列将继续显示在屏幕
的
右侧。我不知道链接
的
长度。有没有办法通过
Flexbox
做到这一点?这似乎是一个显而易见
的
要求。到目前为止,我得到
的
CSS
是:.lin
浏览 1
提问于2018-10-30
得票数 2
1
回答
具有
CSS
响应
的
水平网格
、
、
、
、
我试图用
相同
高度但长度可变
的
盒子建立一个响应网格。这些框
需要
填充保持正确比率
的
图片,而不
需要
拉伸(例如图像大小: 400x400,600x400,800x400,.)。我试了几件事:
Flexbox
:也很好,但是行
的
高度不一样。其他
css
框架也有与引导程序
相同
的
浏览 3
提问于2015-01-04
得票数 3
2
回答
使flex布局
的
内部
容器
适合屏幕大小
、
我有以下html和
css
代码: JSFiddle /**
CSS
Framework: START **/ display: flex;.
flexbox
{ width: 4000px; <!inner-box"> Foobar
浏览 18
提问于2021-01-25
得票数 3
回答已采纳
3
回答
无媒体查询
的
响应布局
、
、
、
我正在寻找一种创造性
的
方式来做响应
的
布局,而不
需要
媒体查询。我差点就用
css
柔性盒买到了。见。
浏览 0
提问于2018-04-03
得票数 1
回答已采纳
1
回答
如何缩小一个孩子,以适应最外力
的
弹性
容器
在一个深层次?
、
我试图将溢出隐藏在一个标签中,该标签是深度嵌套
的
flex
容器
的
子
容器
。下面是两个简单
的
片段来说明这个
问题
: display: flex;} white-space,我可以向层次结构中
的
每个
容器
添加一个显式
宽度
(如max-width: 100% )。我想避免使用绝对位置,因为这与
浏览 0
提问于2018-03-30
得票数 0
1
回答
动态确保所有
flexbox
项具有
相同
的
最小
宽度
,而不使用flex-direction:column?
、
、
、
注意,有一个类似的
问题
,但是纯
css
答案使用flex-direction: column作为
容器
。我有一个
flexbox
容器
,里面有几百个项目,其中包含可变长度
的
文本,并将white-space设置为nowrap以确保文本不会换行。<div>And so on for a
浏览 0
提问于2017-10-15
得票数 0
点击加载更多
相关
资讯
给萌新的 Flexbox 简易入门教程
前端自适应布局你需要知道的所有事
基于 Flexbox和CSS Grid 的高效布局
Web自适应布局你需要知道的所有事儿
CSS中图解Grid布局详细教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券