腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4368)
视频
沙龙
2
回答
CSS
网格
:
如何
让
项目
跨越
所有
列
,
并
自动
调整
剩余
空
间中
的
其他
项目
html
、
css
我希望有一个横跨全宽
的
标题,并在下面的行有适合全宽
的
列
。 在下面的示例中,我期望FOO和BAR使用整个屏幕
的
宽度(各占50%),但是只要视区超过300px,
网格
就会创建
空
列
。 这就是我所期待
的
? 你知道为什么
自动
调整
属性不工作吗?
浏览 19
提问于2020-09-18
得票数 1
2
回答
隐藏
列
时
CSS
网格
的
动态大小
javascript
、
html
、
css
、
css-grid
我希望某个
项目
占据
剩余
空间,即使
其他
项目
被移除。 因此,目前我有两个列
项目
,一个菜单在左边,内容在右边。目前我
的
网格
设置如下: .grid { grid: 1fr / 1fr 4fr; } 菜单占据了左边
的
1fr,内容占据了剩下
的
4fr。然而,菜单有一个Javascript隐藏切换功能,所以当我隐藏菜单时,内容变为1fr,4fr为
空
。 隐藏菜单后,
如何<
浏览 10
提问于2019-06-03
得票数 1
3
回答
StackPanel vs DataGrid vs WPF中
的
DockPanel
.net
、
wpf
、
datagrid
、
wpf-controls
我需要动态生成“框”
的
方阵(例如2x2,3x3等),每个包含一个文本框和一个按钮。这些框和文本也将根据窗口
的
大小
调整
大小。我应该使用stackPanel,datagrid还是dockpanel来解决这个问题,它们
的
优缺点是什么?感谢您
的
建议。 由WPF,VS2010开发。
浏览 3
提问于2010-12-06
得票数 4
回答已采纳
1
回答
HTML5和引导查询
html
、
twitter-bootstrap
我正在尝试使图像响应性,但图像没有响应性
如何
排序,下面给出
的
是代码。请帮帮忙..
浏览 0
提问于2015-03-11
得票数 0
2
回答
Css
网格
:
如何
调整
单元格
的
宽度?
css
、
overflow
、
css-grid
我正在使用
CSS
网格
显示来布局
项目
的
网格
(可以是卡片、文本、iframe等)。然而,在页面上,有时该列表中
的
某个项可能比
其他
项更宽,因此会发生溢出。我该怎么解决这个问题呢?我注意到,就高度而言,当我当前
的
设置有更多内容时,栏实际上会进行
调整
,没有任何问题。auto-fill, minmax(11rem, auto)); grid-gap: 1em; } 这就是问题所在,正如你
浏览 38
提问于2020-08-26
得票数 1
回答已采纳
1
回答
Safari可能
的
浮动问题
jquery
、
css
、
safari
、
jquery-masonry
、
masonry
我正在使用Masonry创建一个平铺
的
投资组合
网格
。我正在使用12
列
网格
和几个不同
的
宽度为我
的
平铺
项目
。这是它在Chrome和Firefox上
的
样子: 我已经尝试过calc、float、box- have以及我能接触到
的
所有
其他
CSS
声明。奇怪
的
是,如果你在Safari上
调整
窗口大小,它会
自动
<em
浏览 3
提问于2014-08-13
得票数 0
1
回答
CSS
网格
重复列
自动
填充和minmax并不使
所有
列
都相同大小。
html
、
css
、
css-grid
我有一个
项目
,我在那里使用
CSS
网格
。我对使用
CSS
网格
很陌生,
并
找到了这个解决方案:
如何
使响应
网格
根据可用宽度大小
自动
调整
其项
的
大小。如下图所示,包含“Hello
浏览 1
提问于2021-08-20
得票数 2
回答已采纳
1
回答
CSS
网格
的
多行项推送单行
html
、
css
我对
CSS
网格
中
的
多行项有一些问题。我不确定是故意
的
还是奇怪
的
行为。下面是关于
的
演示但是,当
网格
行是
自动
的
,它有
其他
的
麻烦。是在body没有足够内容
的
情况下演示
的
示例。从中可以
浏览 6
提问于2017-12-14
得票数 5
3
回答
Silverlight Grid布局定义中
的
“*”和"Auto“有什么区别
silverlight-4.0
、
silverlight
试着理解以下几点: <Grid.RowDefinitions> <RowDefinition Height="*" /> </Grid.RowDefinitions>
浏览 1
提问于2010-05-22
得票数 20
回答已采纳
1
回答
在
CSS
网格
布局中填充
空
单元格
javascript
、
jquery
、
css
、
css-grid
我有一组通过
CSS
Grid布局尽可能“
自动
”排列
的
div磁贴;我
的
最后一个想法是,即使我不知道有多少磁贴,它们
的
大小和位置都是正确
的
。这工作得很好。grid-row: span 2;如果我点击任何不在最右边
列
的
磁贴,我都会对结果感到满意。当最右边
的
瓦
浏览 1
提问于2017-07-10
得票数 10
回答已采纳
2
回答
如何
最小化
CSS
网格
中
的
单元格高度?
html
、
css
、
css-grid
我在这里设置了一个
css
网格
#A { grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat3x2
网格
中。然后将
剩余
的
项目
垂直加载到右侧作为第四
列
。然而,我也希望它
的
第四
列
的
单元格
的
高度只
跨越
内容,它不应该与左侧
的
单元格对齐。在本例中,您可以看到
浏览 0
提问于2020-11-20
得票数 0
2
回答
没有定义
列
的
纯
CSS
砖石布局
css
、
flexbox
、
masonry
我通过简单地使用具有不同宽度和高度
的
display: inline-block和article元素实现了这一点,如下所示:height我是否可以编写一个纯
CSS
布局,
让
这些框直接填充1下面的空间?我看到了一些flex-box解决方案,但它们似乎与一组固定
的
列
一起工作,理想情况下,我只想在布局中传递1-6个框,并且它们可以适当地
调整
。对于现代
CSS
,这是可能
的
吗?我
浏览 0
提问于2018-06-23
得票数 1
2
回答
css
网格
布局-行高从不起作用
html
、
css
、
css-grid
我想在我
的
react应用程序
的
css
中使用百分比,但这导致了如此令人头疼
的
问题。宽度%一直都很出色,但高度%总是一个问题。似乎我必须指定一个以像素为单位
的
高度才能让它工作,除非该元素包含子元素。我是不是遗漏了一些基本
的
东西。如果没有子元素,div不会将自己设置为
剩余
高度
的
100%吗?尽管我将align-items属性设置为stretch,但下面的代码仍然不起作用。
浏览 2
提问于2018-05-19
得票数 1
2
回答
使
网格
项在较大
的
屏幕上粘连在一起
html
、
css
、
svelte
我有一个
网格
容器,其中包含一个侧面导航和一个主要内容区域。布局本身在默认缩放或相当小
的
屏幕上工作良好(使用15英寸进行测试)。 代码可用于检查,而有问题
的
CSS
是。两个主要元素<main>和侧边导航<StaticNav />
的</
浏览 0
提问于2020-10-30
得票数 0
1
回答
CSS
网格
动态地根据可用空间更改行和
列
的
内容
html
、
css
、
css-grid
我有一个
网格
,其中包含需要在
网格
中显示
的
动态
项目
数量。到目前为止还很正常。现在,我希望
网格
自动
定位
网格
中
的
所有
项目
。我
的
意思是:我知道每个
项目
的大小,而且
所有</em
浏览 3
提问于2022-01-27
得票数 1
3
回答
网格
中
的
xs是什么意思?
reactjs
、
material-ui
下面的代码中
的
xs是什么意思?
浏览 33
提问于2022-04-18
得票数 -1
3
回答
如何
使用灵活启动,但与边缘空间-周围将提供?
html
、
css
、
flexbox
当使用space-around作为justify-content
的
param时,它将在容器中均匀地对
项目
进行空间划分。我想要
的
是
所有
的
项目
开始(flex-start)在左边,但有相同
的
保证金,space-around将提供。div class="item">ITEM</div> <div class="it
浏览 0
提问于2018-01-29
得票数 4
回答已采纳
3
回答
带有“空格:现在”
的
元素
的
宽度不适应子内容。
css
、
overflow
、
background-image
、
panel
、
nowrap
该窗格
跨越
任意数量
的
元素。item"></div> <div class="item"></div></div> 我想要背景瓷砖
自动
跨越
窗格
的
全部宽度,包括它
的
所有
项目
浏览 5
提问于2014-03-07
得票数 22
回答已采纳
2
回答
如何
使
网格
项在具有指定高度
的
网格
中适合/
自动
调整
大小?
javascript
、
html
、
css
嗨,我有一个
网格
容器,
并
希望
网格
容器只是这么高,
所有
的
网格
项目
适合并相应地
调整
到
网格
高度(500 so )。我
的
代码如下所示:.grid-container { grid-template-columns: auto auto auto; <div id="count
浏览 4
提问于2020-06-06
得票数 0
回答已采纳
1
回答
EasyUI和JQuery-UI库在
调整
大小时冲突
jquery-ui
、
jquery-easyui
我有一个
项目
,其中我需要同时使用EasyUI (数据
网格
)和JQueryUI (对话框窗体)库。当我导入JQueryUI库时,我在EasyUI数据
网格
标题
调整
大小功能上看到了一个奇怪
的
行为。如果我尝试手动
调整
标题
的
大小,则只
调整
标题单元格
的
大小(此列
的
数据单元格不会
调整
大小)。 请注意,双击标题单元格分隔可以正常工作,并且会
自动
调整
列
的
大小。当您
浏览 0
提问于2013-05-17
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS Grid Layout一些有趣的事情(1)
前端布局神器 Grid,看这一篇就够了
学习CSS网格布局
HTML5+CSS制作Grid网格布局入门及源码
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券