腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
为
flex
项目
设置
最大
宽度
?
html
、
css
、
flexbox
我正试图在我的网站上创建一个过滤器部分,所有的内容都是动态生成的(所以我不能给它添加额外的父项),我们的styleguide使用
flex
项目
来创建它们。我想在很大程度上保留这个功能。我想让我的3个
flex
项目
有一个max-width并向左浮动,让我的非
flex
项目
向右浮动,在
设置
为
最大
宽度
1080px的整体容器中,如下所示: Option 1 Option 2 Option3
浏览 118
提问于2017-12-08
得票数 23
回答已采纳
3
回答
挠性盒:包装前收缩
css
、
flexbox
结构如下: <div class="column fixed" style="
flex
: 0 0 auto"></div> <div class="column stretch" style="
flex
: 1 1 auto&qu
浏览 3
提问于2014-09-30
得票数 41
回答已采纳
2
回答
带边距栏的Flexbox网格系统
html
、
css
、
sass
、
flexbox
例如: 我想要的是能够有一个边际沟,而不是必须使用calc或
最大
宽度
,如果这是可能的。我也不想使用百分比,这样当有间距值时,我可以在每一列的上方和左侧
设置
px单位的边距。因此,基
浏览 15
提问于2017-07-16
得票数 5
2
回答
固定
宽度
响应式轮播
html
、
css
、
flexbox
我的想法是,我有5个内容部分,所有布局在一行中使用flexbox和相同的
宽度
。我想要做的是将父容器限制为单个
项目
的
宽度
,以便一次只显示一个
项目
。显然,我可以在父对象上
设置
一个固定的
最大
宽度
,但这不是动态的,我不想让它不被绑定,因为它在大屏幕上看起来很糟糕。 正如您在运行示例时将看到的那样,这些项当前的
宽度
不同。
设置
fl
浏览 2
提问于2021-03-10
得票数 0
1
回答
双列弹性框布局
html
、
css
、
flexbox
我需要创建布局,其中将包含两列的
项目
列表。如下所示:.container { height: 300px;
flex
-direction: column;
flex
-wrap: wrap; border: 1px dashed blue; height: 50px如果只有一个
项目
-它将采取全宽。即
浏览 0
提问于2017-05-29
得票数 23
回答已采纳
1
回答
如何为一行中的元素
设置
默认
宽度
,但当添加更多元素时,该
宽度
会减少吗?
html
、
css
、
flexbox
,我希望每一行有4个
项目
,每个
项目
的最小
宽度
为
250 be。但是,当有3个或更少的
项目
,我希望这些
项目
适合在单一行和每个
项目
应该有一个
最大
宽度
为
345 of。我应用了以下css类: display:
flex
;
flex
-wrap: wrap;
flex</
浏览 5
提问于2022-08-03
得票数 0
1
回答
如何使flexbox中的第一个按钮与第二个按钮的大小相同
html
、
css
、
flexbox
附注:按钮的固定
宽度
不合适 .box {
flex
-direction: column;} .box button
浏览 15
提问于2020-09-16
得票数 0
1
回答
内联-柔性容器是如何决定何时包装文本的?
html
、
css
、
sass
、
flexbox
我有一个问题,在文本剪裁中,
flex
项目
被裁剪得太早,即使它们的
flex
基
设置
为
0,所以我希望
flex
容器能够扩展所有的
项目
,至少和容器中
最大
的项一样大。.button { border: 1px solid red; display: inline-
flex
;<div class任何地方都没有
设置
宽度</em
浏览 1
提问于2022-01-02
得票数 0
回答已采纳
1
回答
根据内容响应填充/
宽度
html
、
css
</div> </div> id
为
"wrapper“的div需要将其内容的
宽度
加上7px作为其最小
宽度
。
最大
宽度
是其内容的
宽度
加上15px。当不能
设置
最大
宽度
时,id
为
"wrapper“的div的
宽度
应该是响应的,但可以
设置
一个介于允许的最小值和
最大
值之间的值。我该如何使用CSS来实现呢?(它可以调整
浏览 11
提问于2020-10-26
得票数 3
回答已采纳
2
回答
如何控制柔性盒项的增长/收缩顺序?
css
、
reactjs
、
flexbox
每个孩子都有一个最小和
最大
的
宽度
,我想让他们以一个特定的顺序生长/收缩。因此,随着窗口
宽度
的减小,Item1应该收缩到它的最小
宽度
,然后Item2应该减小到它的最小
宽度
,然后是Item3。我试图从文档中辨别如何
设置
订单,但我只是不理解。</div>我的CSS: display:
flex
; jus
浏览 6
提问于2022-01-27
得票数 2
1
回答
为什么flexbox在包装元素后不能收缩到合适的位置?
html
、
css
、
flexbox
我想要一个
最大
宽度
的
flex
-box,它的
最大
宽度
可以超过这个
宽度
,但它也适合
flex
box中任何给定“行”的
最大
大小。我现在面临的问题是,任何超出
最大
宽度
的元素都会导致flexbox仍然占据
最大
宽度
。black; width: 650px; margin-top: 50px;
浏览 0
提问于2020-01-01
得票数 6
1
回答
调整输入框大小并保持对齐
html
、
css
、
html-input
如何保持标签大小相等,并使输入框大小
为
另一个的一半? 我还试图瞄准#邮政编码,并使它的50 it和像素大小,但它也没有工作。
浏览 16
提问于2022-11-29
得票数 0
2
回答
Flexbox :子项不占用父项的100%,仅占用其最小
宽度
css
、
flexbox
我有一个具有
flex
display和width
设置
为
100%的父容器,它的子元素(子容器)被
设置
为
占用max-width 25%。 子容器上的按钮分配了最小
宽度
和
最大
宽度
,如下所示。按钮往往不会占据100%的子容器,即使其
最大
宽度
设置
为
100%。 我已经尝试添加
flex
-item和
flex
self stretch,但它们不会占用100%的<
浏览 40
提问于2019-10-06
得票数 1
回答已采纳
2
回答
弹性框:
最大
交叉
宽度
css
、
flexbox
我正在尝试使用CSS
flex
来实现一个简单的布局:│ body ││ │ header │─────┤ ││ └────────┘ │到目前为止,我已经做到了:body {
flex
-direction: column;}
flex
: 1
浏览 0
提问于2018-12-12
得票数 0
2
回答
在
flex
容器中段落换行失败
html
、
css
、
flexbox
、
paragraph
我已经创建了一个
flex
-box容器,里面有更多的图片和一个div里面的段落。一旦我使用"
flex
- wrap :wrap;“启用了在css中的换行,段落中的文本就不再换行,导致框断行并出现在下一个框中。附加相关的css代码和正文本身。 display:
flex
;
flex
-flow: row wrap; margin-top: 10px; margin-bo
浏览 5
提问于2018-10-02
得票数 5
1
回答
如何使
flex
容器的
宽度
缩小到它的子容器的
宽度
?
html
、
css
、
flexbox
我正在尝试创建一个网格,它最终是居中对齐的,但
项目
是左对齐和顶部对齐的。这是一个复制品: 我认为用text-align: center或display:
flex
; justify-content: center;创建一个父容器,然后添加一个样式
为
display:
flex
; justify-content:
flex
-start; align-items:
flex
-start;
flex
-flow: row wrap;的子容器,然后添加一堆固定
宽度
浏览 2
提问于2017-12-22
得票数 2
1
回答
为什么弯曲的基础需要一个固定的高度?
html
、
css
、
flexbox
我一直试图想出一个无障碍(每个视口的固定高度)的解决方案,这是最后的结果,这完全是偶然发生的: overflow-y: scroll;我将其
设置
为
1px,因为如果高度高于可用空间,则高度优先于
flex
高度。
浏览 0
提问于2019-02-08
得票数 0
1
回答
如果在%中
设置
了
flex
-basis,则
Flex
项目
不会包装在webkit中
css
、
flexbox
我有一个
flex
容器,其中有5个
项目
设置
为
flex
(1 1 20%)。每个
项目
都有相同的
宽度
(初始
设置
为
容器
宽度
的20% )。一切都很好。.container {
flex
-wrap: wrap;
flex
: 1 1 20%;我希望
项目
包装(见),但我不能让它在如果我
浏览 0
提问于2015-09-02
得票数 1
0
回答
调整<a>标记内图像的大小
html
、
css
、
image
、
visual-studio
这是我的图像,
最大
宽度
和
最大
高度
设置
为
100%。 width: 100%; display:
flex
; background: #e3f
浏览 0
提问于2018-07-20
得票数 0
回答已采纳
1
回答
水平居中,边缘和
最大
宽度
css
、
flexbox
我希望使section元素具有1000px的
最大
宽度
,并在用户调整大小低于任何
宽度
(即
宽度
)时保持1rem的边距。main { background: #eee;
flex
: 1;
flex
-flow: column nowrap; align-self: stretch;
浏览 3
提问于2017-03-26
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 Flexbox布局
从零开始学 Web之CSS3(七)多列布局,伸缩布局
CSS-常见布局介绍
谷歌又发布免费字体!(附下载通道)
Flexbox 布局的最简单表单
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券