腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
flex
正在
收缩
错误
的
项目
css
、
flexbox
我
的
预期结果是,黄色框
的
宽度将保持不变,红色框
的
宽度将保持不变,带有红色轮廓
的
白色框将缩小并增长,以填充页面大小调整后
的
空间 .container { height: 300px; display:
flex
-box; background-color: #ff0;#f00;}
浏览 11
提问于2021-11-18
得票数 0
回答已采纳
1
回答
flex
: 0.0 33%和
flex
0.1 33%
css
、
bootstrap-4
、
flexbox
、
grid
那些用于弹性项属性
的
属性与构建网格系统应该使用
的
属性有什么不同?例如,引导系统和蚂蚁设计使用
flex
: 033和最大宽度: 33% (作为一个例子)。例如,为什么不使用
flex
: 0 1 33。
浏览 1
提问于2022-02-19
得票数 0
1
回答
当宽度大于
flex
容器时,如何计算挠度
收缩
?
css
、
flexbox
、
language-lawyer
的
内容如下: 对于线上
的
每一个未冻结
项目
,将其挠度
浏览 3
提问于2020-04-17
得票数 3
1
回答
"
flex
: 0 0 33%“中
的
"0 0”代表什么?
css
、
flexbox
、
bootstrap-4
我现在
正在
学习
flex
,在Bootstrap 4
的
列类中看到了这一行:
flex
: 0 0 33.3333%;这两个0 0对应
的
属性是什么
浏览 2
提问于2017-11-25
得票数 7
回答已采纳
2
回答
不一致
的
flex
-在最后一行中使用
flex
-wrap增长
html
、
css
、
flexbox
、
flex-grow
请看我非常简单
的
flex
布局示例: 尽管有所有规则集,但最后一行中
的
项具有不同
的<
浏览 4
提问于2016-04-01
得票数 2
回答已采纳
1
回答
CSS
打印和Flexbox
css
、
printing
、
flexbox
、
css-print
你好,我想创建一些页面使用
css
打印。我环顾四周,我尝试了一些东西,但不幸
的
是,这条线不起作用。我想制作
的
: 这是我
的
html <p class="paragraph_1"> ....</p>因此,我尝试使用打印媒体查询来制作一些
css
。position: relative; /*Same a
浏览 4
提问于2018-12-31
得票数 3
1
回答
将
项目
收缩
到最小宽度,然后换行到新行
html
、
css
、
angular
、
flexbox
我遇到了一个问题,让
flex
项目
在
flex
容器中
收缩
,直到达到最小宽度,然后包装。我让它在中工作,但我不能让它在一些生产角度代码中工作。calc((100vw - 20px) / 3}, maxWidth: 'calc((100vw - 20px) / 2}'> </div>
flex
浏览 3
提问于2020-11-28
得票数 0
3
回答
为什么flexbox
项目
图像会根据它们
的
初始大小调整不同
的
大小?
css
、
image
、
flexbox
我有四张图片:两张小
的
,两张大
的
(尺寸以html表示)。它们
的
img宽度都设置为100%,但它们
的
父div设置为特定
的
宽度。当我调整浏览器窗口
的
大小时,较小
的
图像会立即缩小,而较大
的
图像则不会。较小
的
图像
的
绿色边框在较大
的
图像之前缩小。为什么会这样呢?
浏览 0
提问于2015-02-18
得票数 14
回答已采纳
3
回答
如何将卡片中
的
每一行都对齐?
css
、
reactjs
、
material-ui
我有以下卡片,代码如下所示。我想把所有的东西排成一排,因为现在它是一个接一个。是否有任何选项可以将所有内容排成一行而不是三行, <form onSubmit={submitHandler}> <div class="row" style={{ width: "300px", marginTop: "40px", marginLeft: "70px", height: "450
浏览 0
提问于2021-01-13
得票数 1
3
回答
这种柔韧
的
造型用简单
的
英语做什么?
css
、
flexbox
我需要帮助理解
flex
: 0 0 673px用简单
的
英语对我
的
元素做了什么。 我读过
CSS
技巧文档和其他MDN资源,但没有帮助。
浏览 0
提问于2019-02-14
得票数 1
回答已采纳
1
回答
Flex
项目
正在
收缩
,即使使用
flex
-shrink: 0
html
、
css
、
flexbox
flex
-shrink属性指定该
项目
相对于同一容器中其他灵活
项目
的
收缩
方式,因此当我给出一个0
的
flex
-shrink时,它不应该
收缩
,但它会
收缩
。 display: -webkit-
flex
; -webkit-justify-content: space-around; -webkit-
fl
浏览 13
提问于2017-01-27
得票数 4
回答已采纳
1
回答
容器
的
flexbox元素不保持其长度
html
、
css
、
flexbox
问题是,我想要设置
的
第一个元素
的
基本长度(条件是100px)以某种方式减少了。 display:
flex
;}
flex
:1 1 100px;}<div>
浏览 0
提问于2018-10-07
得票数 0
1
回答
Flexbox没有在Safari 9.1.1上工作
css
、
safari
、
flexbox
下面的图表适用于Chrome和Firefox,但Safari
正在
缩小盒子
的
宽度。这也发生在移动客户端上。我包括图表容器
的
css
和完整标记和
css
的
代码。solid #39c3ec; display: -moz-box; display: -moz-
flex
; displ
浏览 2
提问于2016-07-06
得票数 5
回答已采纳
2
回答
是否有可能在柔性盒
项目
之间创建灵活
的
间隔?
html
、
css
、
flexbox
我
正在
尝试创建一个横向导航菜单,在
项目
之间具有灵活
的
间隔。Flexbox似乎是合适
的
选择,但我很难让它按我
的
意愿工作。所需经费如下: 如果有足够
的
可用空间,则在每个
项目
之间有4雷姆
的
空间,当视口宽度减小时,缩小
项目
之间
的
空间,如果视口宽度进一步减小,则缩小到最小
的
2 2rem ,保持2 2rem之间
的
空间,缩小
项目
本身
的
我想要这个来容纳可变数量<
浏览 3
提问于2020-07-24
得票数 4
1
回答
当
flex
项有不同
的
flex
基础时如何计算
flex
收缩
flexbox
假设我有一个简单
的
flex
容器,其中包含2个
flex
项,其中
flex
项
的
大小超过了容器
的
大小--其中
flex
收缩
将是used..like,所以:.container { width: 600px-
项目
有600 so
的
flex
基础,而备用
的
有200 so
的
弯曲基础,所以负空间是200 so。因此,由于这两个
flex
项都具有相同
的<
浏览 1
提问于2016-04-11
得票数 6
回答已采纳
1
回答
响应式网页元素
的
位置在Ipad浏览器中出错
position
、
scrollbar
、
overflow
、
responsive
、
scrollable
问题:我用Reactjs开发了一个单一页面的网站,并将其部署到Heroku (它是对现有网站
的
翻版)。我想把它作为入门级网页开发工作
的
一部分)。当查看Chrome设备工具栏时,该响应网站在受刺激
的
移动和ipad中运行良好。在我
的
iPhone7 +中打开站点时,它也很好。但是当在一个真正
的
iPad中打开时,有几个部分元素并没有像预期
的
那样定位-它们重叠了。 受影响
的
元素是具有
CSS
样式溢出: auto
的
容器元素
的
子元素
浏览 12
提问于2021-12-15
得票数 1
1
回答
柔性盒模型解释
html
、
css
、
flexbox
我
正在
学习
CSS
3
的
柔性模型。我查看了,我想我得到了一般
的
概念,但我不明白下面的属性是如何工作
的
:
flex
浏览 2
提问于2013-08-13
得票数 0
回答已采纳
1
回答
如何防止挠性容器溢出/溢出?
javascript
、
css
、
flexbox
如何防止容器溢出(变得太小并开始隐藏一些
项目
)或溢出(变得太大并显示空白)?在下面的示例中,当所有
项目
达到18px高度时(最后一个除外),容器应该停止
收缩
;当所有
项目
达到最大高度时,容器应该停止展开(不应该出现空白)。 display:
flex
; overflow: hidden; cursor<div class="item-3">
浏览 1
提问于2016-07-24
得票数 2
回答已采纳
1
回答
CSS
Flex
,后两项
的
宽度与其他项不同
css
、
flexbox
我有一个容器,里面的物品设置为
flex
:1 0 25%,每个约占1/ 3,所以我有3行。当最后一行只有两项时,它们每一行
的
宽度是50%,为什么呢?.gallery {
flex
-wrap: wrap;}
flex
: 1
浏览 0
提问于2018-10-25
得票数 0
回答已采纳
2
回答
嵌套容器中
的
Flex
收缩
html
、
css
、
flexbox
我
正在
尝试模仿一个带有弹性框
的
导航栏,其中我有两组
项目
-导航-左对齐左对齐,右对齐右对齐。每一项都有50px
的
宽度。 display:
flex
; border: 2px solid;} border-color: turquoise;
flex
: 1 1 a
浏览 3
提问于2020-03-06
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flexible Box Layout 原理剖析
从零开始学 Web之CSS3(七)多列布局,伸缩布局
微信小程序使用flex的一些基础样式属性
给萌新的 Flexbox 简易入门教程
Flex布局教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券