腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
让
CSS
flex
项目
定位
到上
面的
空间
?
、
、
、
如上图所示,
如何
让
flex
项目
占据它们上
面的
空间
?arrow-right.svg" alt=""> </router-link></ul> .list-container {
flex
-wrap: wrap; justif
浏览 20
提问于2020-11-02
得票数 1
3
回答
在flexbox设计中,
如何
在发生中断之前确定最后一个元素的目标?
、
我正在寻找一种方法来
定位
上一行中的最后一个元素,无论flexbox目前
如何
调整以适应其环境。很自然,我想到了
CSS
伪类,但除了典型的伪类之外,我找不到其他任何东西,比如:last-child和:last-of-type或:nth-child,它们在这种情况下没有帮助。问题 有没有一种完全用
CSS
做这件事的方法呢?如果是,是
如何
实现的?
浏览 11
提问于2018-06-21
得票数 8
回答已采纳
2
回答
reactJS下拉菜单中的样式调整
、
、
、
、
例如: 2-菜单的位置 state = { {this.displayElements()} <
浏览 0
提问于2019-08-01
得票数 1
回答已采纳
2
回答
如何
将一个
flex
项目
对齐到容器顶部,而其他
项目
则跟随对齐-content: center?
、
、
我有一个包含两个
项目
的网格,第一个
项目
是一个
flex
容器。html: <div class="
flex
"> </div> Other grid
浏览 2
提问于2019-06-08
得票数 0
2
回答
将两个
flex
项对齐:一个位于顶部,另一个居中
、
、
、
如何
做到这一点?#top必须始终位于顶部,并填充100%宽度的包装器。 display:
flex
; background: #D8D8D8; align-content
浏览 2
提问于2016-02-07
得票数 1
2
回答
Flex
布局生长顶部div占用剩余
空间
、
、
我有一个场景,当底部用“底部”
css
重新
定位
时,我想
让
顶部div占用ramaining
空间
。div#container {
flex
-direction: column; width: 100%;height: 200px; position: static;
flex
: 1;
浏览 8
提问于2022-03-12
得票数 0
回答已采纳
2
回答
如何
使
flex
项在相邻的
flex
项下填充空
空间
(包装)
、
我想
让
一个
flex
项目
延伸到另一个较短的相邻的
flex
项目
下,这样它将填补任何空
空间
。 <div>some more text again</div> <div class='second-item'>some box</div>
浏览 0
提问于2018-06-19
得票数 0
回答已采纳
1
回答
如何
在
css
中制作不同高度的卡片以填补空白?
、
、
我想创建一组不同高度的卡片,但我在显示它们时遇到了困难,这样它就不会在较短的卡片下面有额外的
空间
。 我不想要的是
让
牌伸展来填补
空间
。我希望下
面的
卡片能向上滑动以填补
空间
。.row { @include
flex
-wr
浏览 3
提问于2016-02-15
得票数 4
回答已采纳
1
回答
Jquery计算正确的容器大小
、
、
、
、
我想用
CSS
flex
创建下拉菜单。我在努力
让
容器div和列一样宽。使用下
面的
代码,将列表中的最后一项计算到完全左边是错误的。它看起来像是在计算
到上
一列的距离。} display: block; display:inline-
flex
; al
浏览 4
提问于2016-07-05
得票数 0
回答已采纳
3
回答
如何
调换div的位置?
、
、
HTML <div class="div2"> <div class="div3"></div>
CSS
浏览 3
提问于2015-07-29
得票数 0
1
回答
粘边条和页脚不工作
、
、
、
、
我也试图
让
我的页脚粘粘只有当页面内容是较小的屏幕大小,否则它只有在页面内容结束后才弹出。(如下
面的
示例:) display:
flex
;} 我已经在这里放置了我的大部分代码的副本,因为在这篇文章中写所有代码有点大。:。
浏览 1
提问于2018-01-13
得票数 0
回答已采纳
1
回答
在使用带有尺寸的
flex
时在反应本机的设计中断
、
、
、
同时使用import {dimension} from 'react-native'和
flex
:1的
css
样式,对于某些设备来说,当js中有输入字段时,设计就会中断。
CSS
是如此的简单以至于它不应该被破坏 height : Dimensions.get('window').height, backgroundColor: '#fff
浏览 1
提问于2020-07-18
得票数 0
回答已采纳
1
回答
平均扩展2 div大小
、
我想要同样的大小,显示在彼此旁边,而这个div的两个应该占据<div class="right_container"></div>的所有可飞行
空间
。border-radius:10px 10px 10px 10px; margin-right: 15px;} 有任何
CSS
浏览 4
提问于2021-04-24
得票数 1
回答已采纳
1
回答
样式内容(主体)元素以覆盖页眉和页脚之间的整个
空间
。
、
、
、
对于屏幕(100 in )上的3元素列(页眉、正文、页脚),我希望页眉固定在顶部,页脚固定在底部,然后主体占据所有之间的
空间
(间隔
空间
)。也就是说,我希望每个元素都是一个独立的部分,固定在顶部/中部/底部,中间占据所有的中间
空间
,而不管大小。在身体中有一些注释掉的
项目
来扩展和收缩身体。为了
让
柔性盒体占据所有的
空间
,我有
flex
: 1 1 auto,但是当身体大于中间
空间
时,
flex
浏览 6
提问于2021-09-21
得票数 0
回答已采纳
1
回答
使用纯
CSS
Flex
概念的选项卡
、
如何
将
flex
项目
从
flex
容器中分离出来,并在没有
定位
的情况下使用
css
使其区块宽度达到100%?我的HTML结构: <div style="display:
flex
;"> <div class="block-container
浏览 2
提问于2016-07-28
得票数 1
1
回答
从包装中排除第一个
flex
项
、
、
它包含一个徽标图像和后
面的
四个文本元素,总共有五个
flex
项目
,它们水平地集中在窗口中,允许任何额外的
空间
均匀地扩展到集合
项目
的左和右,而不是它们之间的空格。大多数台式机上都有足够的
空间
让
他们并排坐着,但他们需要用较小的窗户包起来。他们做得很好,只是看起来很难看。我希望第一个
flex
项(徽标图像)表现得像兄弟姐妹一样,直到包装为止,我希望它的同级项在它旁边包装,但不转到它下
面的
行,就像它们现在做的那样。下面是一个例子,说明它目前的行为
浏览 2
提问于2017-09-02
得票数 1
回答已采纳
1
回答
使用display:
flex
对齐两列中的文本
、
、
在两列中
定位
项目
的最佳方式是什么,每列都有display:
flex
?我遇到了一个问题,当文本包装下
面的
所有内容时,它会失去对齐。我相当肯定,如果我只使用网格,这不会发生,我也可以选择绝对
定位
文本-但有没有更好的做法?我的观点是完全错误的吗?some content line up any more 使用空格键/空格键/空格键对齐和使用
flex
-grow并不会获得预期的效果,因为文本换行时每列中的可用
浏览 1
提问于2018-03-20
得票数 0
1
回答
将组件与下
面的
另一个组件并排反应。
、
我使用的是React,我想把两个组件并排放在一起,下
面的
屏幕中间有一个按钮。我试过这样做: <div>谢谢你的帮助。
浏览 0
提问于2020-05-11
得票数 0
1
回答
柔性盒-堆放不同大小的挠性物品
、
、
我试图使用
flex
框将不同大小的div的行叠在一起,这样它们就可以填充空
空间
。对于
如何
实现这一点,有什么想法吗?谢谢你,亚历克斯.
flex
-container {
flex
-wrap: wrap;} .
fl
浏览 3
提问于2017-04-28
得票数 1
1
回答
flex
-grow和width有什么不同?
、
我最近开始使用flexbox,经常出现需要在元素之间的主轴上分配
空间
的情况。 我经常在width和
flex
-grow之间犹豫不决。例如,如果我想
让
一个
项目
测量2个度量值,而另一个度量值加起来为100%,我有两个选择。我可以设置width: 66.6%和width: 33.3%,也可以设置
flex
-grow: 2和
flex
-grow: 1。有时,如果我想
让
一个元素扩展其余的
空间
,我可以使用width: 100%或
flex
-grow: 1
浏览 1
提问于2016-01-12
得票数 15
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
微信小程序使用flex的一些基础样式属性
Flex布局教程
给萌新的 Flexbox 简易入门教程
CSS3 Flexbox布局
从零开始学 Web之CSS3(七)多列布局,伸缩布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券