腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使
flex
项
具有
与
父
项
相同
的
宽度
html
、
css
、
flexbox
我
的
想法是创建一个
父
容器,并让滑块水平溢出。然后将
父
元素设置为overflow none,以便隐藏溢出
的
子元素,并且我们可以使用滚动条来查看其他子元素。 width: inherit; overflow: hidden;} display:
flex
; overflow-x: scroll; height: inheri
浏览 57
提问于2019-06-22
得票数 4
回答已采纳
1
回答
如何让
flex
项目正确对齐?
html
、
css
、
flexbox
这是我作为学习项目的一部分克隆Jobbatical.com
的
摘录。忽略缺少
的
徽标。 <div class="container-fluid"> <div class=
浏览 0
提问于2018-01-12
得票数 1
回答已采纳
2
回答
将弹性
父
轴安装到项目上。
css
、
flexbox
在
父
类
具有
display:
flex
;
flex
-direction: column
的
地方,是否可以使
父
项
的
宽度
展开以适应比
父
项
更宽
的
弹性
项
?值得注意
的
是,祖父母做,而不是有display:
flex
,也没有固定
的
宽度
。不过它有一个min-width: 100%。
浏览 0
提问于2017-11-14
得票数 0
回答已采纳
4
回答
Flex
:包装
的
物品,
宽度
与其他物品
相同
css
、
flexbox
我使用
flex
创建了一个多列列表,该列表根据容器
的
宽度
调整列数。我发现
的
问题是,如果我想通过将
flex
-grow设置为1来使用
父
级
的
全部
宽度
,那么最后一次包装行中
的
项
就错对齐了,因为它们试图填充
父
项
。我找到了两个不适用于我
的
解决方案:一个是使用媒体查询,我不能使用它,因为
父
查询
与
视图端口
的
宽度
浏览 7
提问于2017-03-13
得票数 3
回答已采纳
1
回答
如何
使
flex
项
在每一行上
具有
相同
的
宽度
html
、
css
、
flexbox
如何
使
每个
flex
项
具有
相同
的
宽度
?现在我是这样做
的
background-color: blue; display:
flex
;如何<e
浏览 4
提问于2022-10-15
得票数 -1
1
回答
Css
flex
与
等号
html
、
css
、
flexbox
我想要一个
具有
相同
宽度
项
加上边距
的
flex
父
级,我使用了
flex
: 1 0 15%,但问题是我不希望最后两个项目获得行
的
全部
宽度
。第一行有六
项
,对吧?第二行
的
宽度
为两行(7 & 8),请参见下面的片段:ul {
flex
-wrap: wrap; p
浏览 0
提问于2019-01-21
得票数 0
回答已采纳
2
回答
使
可变项目使用100%
具有
可变方向
的
父
项
高度:行
html
、
css
、
flexbox
所以我尝试在一个
flex
容器中放置3个高度和
宽度
相等
的
flex
项
。我成功地
使
3个弹性项目
具有
相同
的
宽度
。然而,第一个
flex
-item有一个div (.images),它也是一个
flex
容器,它比其他两个
flex
-items
的
(.images) div包含更多
的
子项。这会导致第一个
flex
项
浏览 1
提问于2018-09-13
得票数 0
1
回答
flex
-grow不以全宽显示容器中
的
项目
html
、
css
、
flexbox
容器
的
宽度
是
父
元素
的
100%,li
项
的
宽度
是
父
元素
的
50%。
父
项
设置为显示
flex
,
flex
方向为列。现在
项
的
宽度
是
flex
父
项
的
一半,但是当我将子项设置为
flex
-grow: 1时,似乎什么都没有发生。menu-seco
浏览 5
提问于2018-02-05
得票数 1
回答已采纳
1
回答
映射样式
的
JSX输入元素不像预期
的
那样
javascript
、
css
、
reactjs
、
flexbox
我有一个组件来映射输入元素,它有一个标志来决定它们是否应该是内联
的
。问题是我似乎不能像预期
的
那样灵活地工作。justifyContent: 'space-between没有工作,而且似乎没有反应。也许有更好/更清洁
的
方法来实现这一点?
浏览 2
提问于2020-07-27
得票数 1
回答已采纳
1
回答
无法处理Flexbox
项
的
最大
宽度
(
项
正在缩小到内容
的
宽度
)
css
、
flexbox
我有一个完整
的
视口
宽度
,完整
的
视口高度“英雄形象”在主页上。我做了一个
Flex
容器。在
flex
容器中有一个子div (包含一个标题)。这个
flex
项
应该对齐到
flex
容器
的
底部。它有一个最大
的
宽度
,应该是水平居中
的
父
.如您所见,英
浏览 0
提问于2019-06-20
得票数 0
回答已采纳
1
回答
删除图表周围奇怪
的
空格(Javascript)
javascript
、
flexbox
、
plotly
、
plotly.js
我正在使用巧妙
的
库(Javascript)来绘制分段图,我使用
的
是柔性盒来进行布局。在图表
的
右侧有一个巨大
的
空白,如下图所示: 在上面的图像中,您可以看到饼图右侧
的
空白。我使用了flexbox属性:flexbox来利用所有可用
的
空间。为什么
flex
-grow不在这里工作? <!; height: 60vh;
浏览 2
提问于2021-06-19
得票数 0
回答已采纳
1
回答
flex
框
项
中固定元素
的
宽度
html
、
css
、
flexbox
我所拥有的:我需要
的
是:我遇到了一个类似的StackOverlow问题:CodePen在选定
的
答案中找到: 它假设我将所需
的
flex
项
的
内部内容包装在div中,并将固定
的
定位应用于它,而不是
flex
浏览 6
提问于2016-10-11
得票数 1
回答已采纳
1
回答
如何用挠曲盒
使
块取剩余
宽度
html
、
css
所以我
的
布局很接近这个: .
flex
.
flex
-item.last而css则接近于这一点:}
flex
-grow: 5 word-wrap: break-word;我想要实现
的
是让最后一件柔韧
的
东西取下剩下
的
宽度
如果我在pa
浏览 0
提问于2015-04-13
得票数 0
回答已采纳
2
回答
如何计算柔性箱容器子元素
的
实际
宽度
?
html
、
css
、
user-interface
、
flexbox
、
frontend
我有这样
的
html和css代码。我有两个问题:* { padding: 0;.container { /* your code here */ display:
flex
浏览 6
提问于2022-01-17
得票数 1
回答已采纳
1
回答
使
父
容器接受
flex
项
宽度
html
、
css
、
flexbox
我有一个高度有限
的
列表容器。它有一些子项目的列表。这些物品应该从上到下,从左到右放置。如果有越来越多
的
元素,它们将放置在右边
的
一个新列中。如何
使
父
容器从内容中获取
宽度
?这样
父
容器就不会展开到窗口
的
全部
宽度
,并隐藏下一列? 我尝试过
的
:试图设置
父
列
的
不同显示,但是第二列
的
子列被隐藏,.parent_item
的
整个
宽度
仅
浏览 1
提问于2022-11-25
得票数 2
1
回答
在可滚动容器中将
flex
父
级扩展到(变量)子级
宽度
css
、
flexbox
、
overflow
下面是我所拥有的(从外部到内部): 在每个列表项目中都有一个图标和一个水平并排
的
标签。我希望列表项
具有
足够
的
宽度
,就像它们需要容器它们
的
柔性子元素一样,因为根
父
项
浏览 3
提问于2018-12-22
得票数 1
回答已采纳
1
回答
为什么在
flex
项
中增加文本长度会导致前面的
flex
项
缩小?
html
、
css
、
flexbox
我有一个
父
容器main-wrapper。这是一个
具有
两个div
flex
项
的
行
flex
框。这是一个显示这一点
浏览 6
提问于2021-07-19
得票数 0
1
回答
当挠性容器在浮动元素内时,如何
使
IE 11包装柔性盒项目?
css-float
、
internet-explorer-11
、
flexbox
我试图在两列布局
的
内容区域中添加一个flexbox元素。布局有一个固定
的
宽度
,侧边栏和流体含量。它使用float: left和负利润率来实现这一点。 目标是让
flex
容器
的
宽度
为
父
容器
的
100%。应在行中显示
Flex
项
,并将多余
的
项
包装到下一行。经过大量实验,这似乎
与
flex
容器在float: left元素中
的
事实有某种关系。删
浏览 0
提问于2015-03-15
得票数 1
3
回答
具有
单个容器和不同大小项目的CSS柔性箱
css
、
flexbox
具有
数字
的
项
只有预定义
的
宽度
。<>v显示一个
项
的
维度灵活性取决于它所拥有的内容
的
数量; 6和7有
相同
浏览 2
提问于2015-02-09
得票数 1
回答已采纳
1
回答
使用
Flex
容器中
的
网格容器
的
Zurb基金会6XY网格
html
、
css
、
flexbox
、
zurb-foundation
、
zurb-foundation-6
我使用ZURB基金会6
与
XY网格,并遇到了一个小问题,很可能是我做错了。我想垂直地对元素进行居中,所以我使用 <div class="grid-x grid-padding-x align-middle">看,这些物品是垂直排列
的
.然而,由此产生了两个问题: small-6 cell
的
宽度
为50%,不受尊重,并且缩小到文本
的
大约长度。
flex</e
浏览 2
提问于2018-01-11
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从零开始学 Web之CSS3(七)多列布局,伸缩布局
Flutter初学者必读的高级布局规则
WEB开发技术基础知识整理——CSS
CSS 布局解决方案
CSS布局解决方案
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券