腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(367)
视频
沙龙
4
回答
CSS
flex-item
对齐
自身
不
能与
flex-wrap
父
项
一起
工作
、
、
我有一个设置为
flex-wrap
: wrap和justify-content: flex-end的flex
父
容器。我有一个flex子级button-group,我想将其与flex-start
对齐
,但align-self不起作用。 width: 500px; background: pink; display: flex;
flex-wrap
button></button> <&
浏览 61
提问于2018-08-27
得票数 1
回答已采纳
3
回答
响应Flex盒
、
、
、
我是这样做的,但是我错了,我需要完成屏幕 @foreach
浏览 9
提问于2021-08-04
得票数 3
回答已采纳
1
回答
第一挠曲箱列单元固定高度,第二填充垂直空间(无间隙)
、
在不使用列方向的情况下,我试图获得弹性
项
来填充剩余的垂直空间。没有列似乎是不可能的?
flex-item
stretch-v"> </div>
CSS
displayalign-self: stretch; // has no effect} align-self: stre
浏览 0
提问于2019-01-11
得票数 0
1
回答
Flexbox网格-
对齐
:空间-周围和
对齐
最后留下的项目
、
、
、
我希望
flex-item
在任何时候都是justify: space-around。 display:flex;
flex-wrap
: wrap; flex: 0 0 200px; height: 200p
浏览 0
提问于2016-07-03
得票数 3
1
回答
如何将5个盒子与flex
对齐
?
、
.flex-container { display: flex; margin: auto; flex-direction-- .flex-container -->我试着用柔性盒
对齐
所有5个盒子,但找不到正确的方法。谢谢你的帮助。
浏览 5
提问于2020-03-24
得票数 1
回答已采纳
1
回答
调整弹性
项
大小以适应容器(防止
项
溢出)
、
、
这些嵌套的flex
项
的第一级和第二级都应该增长到填充剩余的
父
大小,如果添加了新元素,则会缩小,永远不会溢出。 我的问题:当将新的flex项目添加到“第一级”时,这似乎
工作
得很好。然而,将新的flex
项
添加到第二层似乎总是溢出
父
容器高度。因为我不太擅长描述这样的东西,这里有一张我需要的图片:紫色的框是
父
容器(不是flex)橙色的框是flex-direction: row的flex容器,红线是它的flex
项
(每个
项
也是一个flex框)。下面是我的代码示例:
浏览 0
提问于2020-11-12
得票数 1
5
回答
内容:在第一
项
和最后一
项
之间有相等空间的间隔。
、
、
我想用柔性箱建立一个简单的弹性*网格. display: flex; justify-content: space-between*我所说的“弹性”是指宽度
不
固定。它们都是百分比,因此不同屏幕宽度的总宽度不同。 这似乎不是justify-content: space-between的默认行为。它“围绕”每一
项
生成相等的空间,但空间不会像边距那样折叠。因此,结果是,“间隔”空间的宽度是极右和左空间的两倍(假设您的弯曲方向是row)。
浏览 10
提问于2017-02-17
得票数 4
4
回答
将一个div与两边的其他div
对齐
到视口。
、
我目前正在为我正在
工作
的网站设计一个标题栏。我希望标题在左边显示一个标志,在中间显示标题,在右边显示用户帐户。 正如您所看到的,标题是在徽标和帐户信息div之间对中,而不是在viewport上以自己为中心。
浏览 1
提问于2021-10-19
得票数 0
3
回答
桌面视图上有3列图像,移动视图上有2列图像
、
我尝试过不同类型的
flex-wrap
,但我不能让它正常
工作
。 这是到jsfiddle - https://jsfiddle.net/7frjmeat/的链接 这是当前的桌面视图 ?
浏览 16
提问于2019-04-11
得票数 0
回答已采纳
5
回答
始终使用柔性箱包装至少两个项目。
、
当它开始包装时,第6
项
包装到第二行: 61 2 3 4 5 6
浏览 2
提问于2015-05-22
得票数 18
回答已采纳
2
回答
挠曲箱内的字包不起作用
、
、
、
我使用的是柔性盒,每一
项
都由图片和文字组成。我需要使所有的图片相同的高度(宽度可能会变化)和文字包装,这样它就不会扩展项目。.wrapper2 { justify-content: center;} background-color: #ddd;
浏览 4
提问于2017-09-19
得票数 1
4
回答
使一个元素粘在div的底部
、
、
webkit-flex; width: 400px; background-color: lightgrey;} background-color: cornflowerblue; height: 100px;width: 20px; margin-bottom: 0 auto;<div c
浏览 5
提问于2017-08-09
得票数 2
回答已采纳
2
回答
垂直对中的flex项目在Chrome中
工作
,但Firefox不起作用
、
、
、
我编写了这段简单的代码,以使我的内部div
对齐
<div style="display: flex;align-items: center;width: 100%;height: 600px;background-colorstyle="background-color: white;width: 100px;height: 300px;position: absolute;"></div> 而且它在铬中
工作
很好
浏览 6
提问于2016-12-07
得票数 1
回答已采纳
1
回答
如何使盒子在柔性盒中并排
对齐
,而不是彼此
对齐
?
、
、
想知道为什么itemContainer和priceContainer不会出现在
一起
吗?我以为它是建在
CSS
3里的。是否有可供使用的标准附加组件?
浏览 5
提问于2016-06-11
得票数 7
回答已采纳
2
回答
对齐
内容:在Chrome中中心
不
工作
、
、
、
我试图垂直
对齐
div与柔性盒,通过使用
对齐
内容:中心.它在Firefox和IE中运行良好,但在Chrome中
不
垂直
对齐
。在Chrome中,div保持在顶部。</p></div>.products-wrapper { min-height: 100vh; display: block;
浏览 0
提问于2018-04-22
得票数 2
回答已采纳
1
回答
挠曲盒没有达到完全的高度与弹性包裹
、
我曾尝试将height: 100%设置在screen div上,但这使它长大了--在.inner-container中,并将
自身
置于.bottom之上。yellow; flex-direction: column; flex: 1;
flex-wrap
浏览 5
提问于2020-04-13
得票数 3
回答已采纳
1
回答
回退到旧浏览器中的显示表
是否有比下面更好的方法来确保我只针对不支持柔性盒的浏览器。我认为这是可行的,但也许我只需要一些ie8和9的样式,例如可能也会影响现代浏览器的样式。是否最好完全创建一个单独的样式表? display:table; display:table-cell; }谢谢!
浏览 3
提问于2016-05-06
得票数 3
回答已采纳
1
回答
在IE10/11中
不
工作
的Flex自动边距
、
、
、
、
最后一个元素将margin-right:auto;应用于向左推送元素(并否定对它们的
对齐
)。 display: -ms-flexbox; display: flex; -ms-flex-flowdiv id='first-item'>first item</div> <div id=&
浏览 0
提问于2016-05-30
得票数 45
2
回答
将第一行
对齐
到左边,而其他行则使用
CSS
对齐
。
是否可以将第一行文本(或内联块)与左边
对齐
,而下一行则只使用
CSS
对齐
?我确信它可以使用JS完成,但我正在寻找一个更干净和更简单的解决方案。 我有一个导航栏(在标记中是一个<ol> )。
浏览 3
提问于2014-06-23
得票数 2
2
回答
react-bootstrap的功能是否有限?
、
、
、
它
工作
得很完美!我还尝试应用样式而不是className,或者甚至定义我自己的className并在.
css
文件中使用它,但它从来都不起作用。这是React Bootstrap的限制吗?
浏览 9
提问于2018-12-18
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从零开始学 Web之CSS3(七)多列布局,伸缩布局
WEB开发技术基础知识整理——CSS
微信小程序使用flex的一些基础样式属性
新手不知道的,前端关于html5入门学习顺序
从零开始学 Web之CSS(四)CSS初始化、定位、overflow、标签规范
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券