腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(4226)
视频
沙龙
1
回答
如何
调整
react
flexbox
网格
项
目的
宽度
以
允许
它们
之间
的
间距
?
、
、
、
我
的
问题应该很简单就能解决,但我对
flexbox
的
理解还不够深入,无法理解到底发生了什么。 我试图让两个div并排,并在
它们
之间
留出一些空间,但我根本无法
调整
它们
的
宽度
。{9}> </Col> 和css: .DivA { float: left; width:
flexbo
浏览 21
提问于2019-05-13
得票数 0
2
回答
带边距栏
的
Flexbox
网格
系统
、
、
、
我很想知道
如何
布局一个带有边距间隔
的
flexbox
网格
系统。在我下面的钢笔中,我与display:flex有一个行,我想让它换行,所以我使用了flex-wrap:wrap。这一切都很好,但是当我将所有列
的
宽度
设置为25%时,我必须设置一个calc
的
最大
宽度
(25%- 25px)。 我想要
的
是能够有一个边际沟,而不是必须使用calc或最大
宽度
,如果这是可能
的
。我也不想使用百分比,这样当有<
浏览 15
提问于2017-07-16
得票数 5
2
回答
液体布局中
的
垂直页边距与水平页边距成比例
、
基本上,我想创建一个正方形DIVs
网格
(想象一下Windows7 phone
的
metro界面),它使用百分比拉伸
以
适应屏幕,并且在正方形
之间
具有相等
的
水平和垂直
间距
。如果屏幕是1000px宽
的
,并且水平方向有5个方块,那么我可以使每个方块
的
宽度
约为18% (每个180px,总共90%),留出10%作为
它们
之间
的
间隙,但是…… 1)
如何
浮动每个DIV,使屏幕
浏览 0
提问于2012-01-04
得票数 0
回答已采纳
1
回答
包含1
项
的
Flex框,大小是其他项
目的
两倍,但仍然像
网格
系统一样保持所有内容
的
内联。
、
、
我有一个
flexbox
布局,它
的
所有项目都大小相同,除了一个是其他项
目的
两倍宽,但高度相同。 目前
的
问题是,柔性盒项
目的
顶部行没有与柔性盒中
的
其他行排列,所有这些行都包含相同
宽度
的
项
。我在观察
网格
系统,但
它们
似乎都围绕着每个
网格
的
固定数量
的
列工作,并且都有断点。而不是
允许
每行任意数量
的
项
目的
柔
浏览 1
提问于2015-07-02
得票数 1
回答已采纳
1
回答
接口生成器自动退出和
调整
大小
、
、
、
因此,我有两个关于Xcode
的
接口生成器
的
问题: 我试图构建一个界面,左边有一个标签,右边有一个文本字段,
它们
之间
有固定
的
间距
,但是当我
调整
窗口
的
水平大小
以
保持
间距
时,我希望文本字段能够水平扩展。我添加了一个限制,使
它们
之间
的
间距
相等,但是当我移动窗口时,它会
调整
标签框
的
大小,而不是文本字段。我试着固定标签
浏览 3
提问于2013-02-07
得票数 0
1
回答
为什么在页面的右边会有一个空白处?
、
这是一个带导航栏
的
画廊页面,所以我试着让画廊尽可能多地放在剩余空间中。它
的
宽度
被定义为100vw,所以它应该只填充页面的其余部分,但它有一个在正常元素结束之前开始
的
边距,这将为页面创建一个滚动条。我可以用body{ overflow: hidden; }移除横条,但这样做有两个问题:2)在故障边界
的
小屏幕上有一个很大
的
空白区域,这只是之前问题
的
延伸,但更明显
浏览 8
提问于2018-01-12
得票数 0
1
回答
如何
在回收商视图中添加特定
的
开始保证金、结束保证金和项目
之间
的
保证金
、
我需要创建一个回收视图,在这个视图中,物品
间距
应该是以下格式:每一行应有3
项
。第1
项
的
左边应为16 to ,每项
之间
的
页边距应为10 to ,最后一
项
的
右边距应为16 to<code>H 110</code>边距固定,但项目应伸长
以
占用
宽度
以
保持边距。<code>H 211</code><code>G 212
浏览 9
提问于2022-11-19
得票数 1
3
回答
在弹性
项
上使用边距
、
我
的
印象是可以向flex项目/子项目添加边距,而
flexbox
应该自动考虑到这一点,并计算项目
之间
的
正确
间距
。 box-sizing: border-box; width: 50%;因此,目前每个flex
项
都是容器
宽度
的
一半,
它们
彼此很好地流动在一起。我希望能够
浏览 0
提问于2015-09-24
得票数 39
回答已采纳
10
回答
如何
计算
flexbox
项
目的
连续数量?
、
、
、
网格
是使用CSS
flexbox
实现
的
。本例中
的
行数为4,因为出于演示
的
目的
,我固定了容器
的
宽度
。但是,在现实中,它可以根据容器
的
宽度
而改变(例如,如果用户
调整
窗口大小)。尝试在中
调整
输出窗口
的
大小,
以
获得一种感觉。通过使用JavaScript,我
允许
用户使用左/右箭
浏览 4
提问于2018-03-01
得票数 58
2
回答
如何
在多行列表中对最后一
项
进行居中,
以
保持每一行
的
高度和相同
的
间隔?
我有一个带有图像和简短描述
的
项目列表,我希望在多个行中显示
它们
,在行中每项具有相同
的
高度,如果最后一行
的
项
较少,则以相同
的
间距
和对中对齐。 对所有项目保持相同
的
高度(如
网格
或
浏览 2
提问于2019-10-14
得票数 1
1
回答
使用约束使用可变按钮
宽度
、
我使用两个按钮,必须根据iPhone设备如iPhone4,5和6给出可变
的
宽度
,使用约束,前导,尾随和两个按钮
之间
的
间距
应该相同。
浏览 2
提问于2015-07-05
得票数 1
1
回答
同位素边框
、
、
我使用了一个带有同位素过滤器库
的
插件,我已经将
宽度
设置为33.33%,这样我
的
列表元素就会被分成3列。我想选择中间
的
一个来设置边框,但当我单击过滤器时,元素将按位置向左移动。这意味着我原来
的
CSS,:nth-child(3n+2)将不再正确。对于
如何
在HTML保持不变
的
情况下始终选择中间
的
项目,有什么建议吗? 非常感谢。
浏览 5
提问于2018-02-02
得票数 0
1
回答
带有
网格
布局
的
Jquery仪表板
、
、
、
我希望构建一个基于Jquery
的
仪表板。查看以下示例: 我看到,如果我们有一个流畅
的
布局,这个功能很容易完成。然而。我想要一个仪表板,它比上面提到
的
例子稍微复杂一些。我想要创建
的
仪表板将有一个
网格
,可以将项目放在其中。项目可以在页面的任何位置删除,并且
允许
项
之间
存在
间距
。这些
项
可以在
网格
中
调整
大小,从而使
项
移开。我不想要像谷歌主页仪表板那样
的</e
浏览 3
提问于2012-12-05
得票数 7
回答已采纳
3
回答
css
flexbox
3子div,中间div不应更改
、
、
我有3个div
的
导航栏和使用
flexbox
,我想保持我
的
中间div
的
中心,无论我把内容放在右div或左div :-现在里面的内容左和右div只是文本,但我想放徽标和其他东西,但中间div继续移动,因为我
的
右
浏览 12
提问于2021-03-26
得票数 0
1
回答
重置GridSplitter完成
的
大小
调整
、
、
、
我使用
的
是来自Microsoft.Toolkit.Uwp.UI.Controls
的
GridSplitter。在用户使用
网格
拆分器
调整
了两列
的
大小后,有没有办法重新
调整
大小,让
网格
的
列宽恢复到
调整
大小之前
的
正常
宽度
?我有一个页面,它在
网格
中显示两个相邻
的
用户控件。我在
它们
之间
使用了
网格
拆分器,<em
浏览 0
提问于2018-04-12
得票数 6
2
回答
在
flexbox
项目
之间
添加空格
、
、
我正在尝试用
flexbox
创建一个水平滚动
的
div。到目前为止,我已经掌握了大部分。然而,我面临
的
唯一问题是我试图给我
的
项目增加空间,但由于某种原因,似乎什么都不起作用。下面是我想要实现
的
。 display: -webkit-flex; display: flex; margin-bottom
浏览 3
提问于2018-03-17
得票数 13
回答已采纳
1
回答
如何
在使用
flexbox
、flex-wrap和last-of-type时从一行
的
最后一
项
删除右页边距
、
当我使用
flexbox
时,如果我想要一个边距来增加每个元素
的
间距
,我通常会这样做: flex: 1 0 auto;} margin-right: 0px;如果我不使用flex-wrap,这是可行
的
,因为
它们
的
最后一
项
将始终是行中实际
的
最后一
项
。然而,当我
浏览 0
提问于2017-11-30
得票数 8
1
回答
对于重复和可包装
的
CSS
网格
中
的
列,是否可以使用固定
的
最小和最大
宽度
?
、
、
我希望设置一个CSS布局,其中容器包含固定数量
的
灵活
宽度
块,具有以下属性: 瓷砖
之间
的
间距
是固定
的
,并且可以在固定
的
最小
宽度
和最大
宽度
之间
扩展,但是不管
它们
的
内容
如何
,都应该是相同
的
宽度
。在下面的示例中,我使用了100 if min
宽度
和200 If最大
宽度
。如果
的
最小<em
浏览 10
提问于2022-04-07
得票数 3
回答已采纳
2
回答
Silverlight 2:希望可变数量
的
项目占据固定
的
宽度
、
、
、
我们有一个固定
的
宽度
和可变数量
的
项目,以便在其中从左到右布局。ItemControl /> </ItemsControl.ItemTemplate>但这并不能正确地
调整
项
目的
大小无论有多少可用空间,
它们
的
大小总是相同
的
。如果有太多
的
项目,<e
浏览 1
提问于2009-03-16
得票数 0
回答已采纳
2
回答
css
网格
-列间隙创建不一致
的
间隙大小。
、
、
我想呈现一行div,
它们
之间
的
差距为1 1px,但这比我想象
的
要困难。 column-gap: 1px;其结果是:(内部
的
所有div都应该大小相等,并且在
它们
之间
有1 1px
的
间隙)。现在您可以看到,有些列
的
间距
为2px,而有些列
的
间距
为1 2px (可能是因为没有“空间”让所有
浏览 8
提问于2022-02-04
得票数 2
点击加载更多
相关
资讯
慕慕2024最新升级-前端内功修炼5大主流布局系统进阶(10章完结)
前端布局神器 Grid,看这一篇就够了
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券