腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
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备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券