腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
基于
flex
的
CSS
网格
?
css
、
flexbox
、
css-grid
目前我正在做
的
是 grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); 但是我希望当视图端口小于400px时,容器应该调整到视图端口
的
大小或者我如何将
Flex
-basis属性实现到
网格
...其中,最小值应为0px,但容器应从400px开始,然后增长到1fr
浏览 3
提问于2021-04-16
得票数 1
回答已采纳
4
回答
如何在聚合物中创建
网格
视图?
polymer
、
bootstrap-4
我正在尝试创建一个像这样
的
视图
的
网格
使用聚合物--我应该如何处理--有很多事情让我感到困惑,这将是处理这种设计
的
最好方法--不管是用聚合物还是任何网络组件,这样就可以定制它,以及我应该如何使用它,任何链接或参考都会有很大
的
帮助
浏览 6
提问于2017-08-31
得票数 0
回答已采纳
1
回答
Chrome和Safari中
的
HTML布局不同
html
、
css
、
google-chrome
、
web
、
safari
我正在尝试建立一个网站来展示摄影,图像被安排在一个
网格
中。在Safari上,
网格
看起来很完美,但在Chrome甚至Firefox上,
网格
却一团糟。此外,我
的
“徽标”图像
的
id为logo,即使复制了它
的
路径,也不会在这两个浏览器上显示。 <butt
浏览 6
提问于2016-10-25
得票数 0
3
回答
如何进行响应式列换行?
css
、
responsive-design
我对表格设计
的
要求是:“当没有剩余空间时,列需要换行”,如下所示a2 b2.. bm有一个较小
的
视区,“表”需要换行..b1bm此处不允许使用Table标记:(
CSS
网格
最好..但可惜
的
是...我现在
的
想法是这样
的
:,但当你必须处理动态内容时,它会很困难。
浏览 1
提问于2018-10-02
得票数 0
2
回答
为什么当我改变一个
网格
来弯曲它不起作用?
html
、
css
、
sass
我正在进行一个
基于
网格
容器
的
挑战,这个
网格
包含3张卡片,它们被水平显示。问题 display: grid;所以在我
的
媒体查询中,我这样做了@media only screen and (min-width: 320px) and (max-width: 900px) { display:
浏览 11
提问于2022-08-06
得票数 0
回答已采纳
2
回答
什么是引导中
的
.d-
网格
类?
twitter-bootstrap
我正在使用引导v5.1
的
块按钮,我使用d-grid使我
的
按钮响应。
浏览 7
提问于2022-01-09
得票数 2
回答已采纳
2
回答
在
CSS
网格
布局中创建响应行和列
css
、
css-grid
我刚刚完成了我
的
第一个
CSS
grid布局,模板区域
的
工作方式给我留下了深刻
的
印象,但此时此刻,我也对我应该如何填充模板区域中
的
条目感到非常困惑,这些条目本身就有响应性
的
列。 </div> </article>
CSS
,其中g-content只是一个<
浏览 11
提问于2019-09-24
得票数 0
1
回答
获取flexbox中
的
项目以填充已调整大小
的
元素
的
可用空间
css
、
reactjs
、
flexbox
我有下面的缩略图
网格
(指向其他页面的链接),我正在使用flexbox显示它们。正如你在左边看到
的
,由于其中一个图像没有相同
的
纵横比,所以它不适合正确。我希望它填满整个可用
的
空间(本质上是缩放,这样它就可以填充它并“裁剪”溢出空间)。容器
css
是这样
的
flex
-direction: row;并且每个元素都有
flex
-basis: 20%;
浏览 3
提问于2021-07-11
得票数 0
2
回答
Ag-
网格
粘性标头
html
、
css
、
angular
、
typescript
、
ag-grid
因此,我
的
ag
网格
调整自身大小,因为我
的
行高也是动态
的
。所以我想让我
的
头粘起来。我在DOM中有一些关于
网格
的
内容。当我滚动时,我希望我
的
ag-
网格
标题坚持到顶部。我使用
的
是top:0;position:sticky;z-index:1000,除了ag-gird
的
div标记之外,它对每个div标记都有效。那么,在ag-grid中有什么方法可以使用粘性标头吗?
浏览 0
提问于2020-04-13
得票数 1
回答已采纳
3
回答
Flexbox覆盖
的
区域,这些区域很难或不可能用
网格
实现
css
、
flexbox
、
css-grid
它被广泛强调,Flexbox是用于1-D和Grid用于2-D,但我还没有找到一个明确
的
解释,为什么
网格
不能用于1-D和取代Flexbox。是 但是你也可以说,像这样
的
纯粹
的
一维布局在Flexbox中更强大,因为Flexbox允许我们更容易地移动这些元素(例如,将它们全部移动到一个或另一个侧面,改变它们
的
顺序,平均地将它们隔开等等)。我使用Grid和Flexbox进行基本布局:页面上
的
框
的
一般布局和一些动态
的
,通常是堆叠
的
。美感<em
浏览 1
提问于2019-03-08
得票数 7
回答已采纳
2
回答
弹性包装和以弹性为基础
的
物品100%会产生额外
的
空间。
css
、
flexbox
在我提供
的
示例中,理想情况下,我希望第一列仅限于其文本内容(因此在列之间没有空格)。在我添加/删除项时,随着空间
的
增加/减少,它似乎得到了
基于
高度
的
额外空间。我找到了这个文档,这表明这是如何灵活
的
基础: auto 。有没有一种方法可以防止高度导致这个问题,而不完全改变实现使用
flex
方向或
CSS
网格
? display:
flex
; .
flex
浏览 7
提问于2021-05-18
得票数 0
回答已采纳
1
回答
ReactJS -使用媒体查询
的
响应式布局
javascript
、
css
、
reactjs
在此基础上,我希望更改组件
的
布局,这样它就不会塞入和移动所有的东西。但是,如果我
的
目标是使用
基于
媒体查询结果
的
条件呈现重新排序组件中
的
子组件,那么我
的
代码将重复多次。,在屏幕宽度小于一定数量时更改
网格
布局,而不是将上面的组件放在相同
的
行中,我希望每个组件都在它们
的
行中(互相叠在一起)。然而,如果我要使用条件呈现来完成这个任务,那么我似乎就不得不重复相当多
的
代码了,这看起来既乏味又凌乱。因此,我希望有更有效
的<
浏览 0
提问于2020-06-25
得票数 1
1
回答
HTML和
CSS
:创建在线游戏
的
版面布局
javascript
、
html
、
css
我正在创建一个基本
的
基于
网络
的
游戏使用香草JavaScript,HTML和
CSS
。我使用
flex
和一个基本表编写了一个
网格
。代码又长又丑。有更简单
的
方法吗?还是一种更有效
的
方法?
浏览 2
提问于2022-04-12
得票数 -3
回答已采纳
1
回答
MaterialUI:如何在
网格
项目中定位项目?
reactjs
、
material-ui
使用MaterialUI在<Grid item>中定位图像
的
最佳方法是什么?这可以通过在
网格
项目中放置一个div,使其达到100%
的
宽度/高度,应用柔性盒,然后对齐项并对齐内容来完成--但是我认为这违背了Grid系统
的
全部目的,我认为应该不会有太多
的
代码来在
网格
中定位一些东西。
浏览 1
提问于2021-05-28
得票数 0
回答已采纳
1
回答
Bootstrap4 --全屏仪表板上
的
图像可以调整大小并填充/伸展到其div中?
css
、
bootstrap-4
、
flexbox
、
fullscreen
、
responsive-images
这是专门为一个更大
的
显示器(2560x1080)。因此,较低
的
视口响应度并不重要。使容器适合大
的
全屏边缘到边缘。在
网格
单元格中创建一个
网格
(如附件中
的
网格
),显示
网格
单元格中
的
图像,该
网格
单元格完全使用它们可用空间
的
100% (
基于
底层单元格/div
的
%值) --因此,按照纵横比调整大小,然后进行拉伸或诸如此类
的
调整不幸<e
浏览 1
提问于2020-10-15
得票数 0
回答已采纳
2
回答
用于富列/行嵌套内容框
的
css
技术是什么?
css
、
flexbox
我需要
的
是内容框,显示许多小
的
单独
的
数据,以及小按钮。在一个很大
的
矩形框中,我需要许多列、行,它们相互嵌套,具有精确
的
大小、布局,以及一些拉伸和收缩
的
能力,当页面宽度小于1024 to时,也可能进行包装。我用flexbox做了这个,但是它是div内部
的
div,直到看起来这样做是错误
的
,所以我正在考虑其他
的
选择。 我不知道大量
的
css
,所以我试图缩小我应该使用和需要学习实现这一点
的
技
浏览 1
提问于2018-03-28
得票数 1
回答已采纳
1
回答
资料用户界面卡内容不对中
javascript
、
html
、
css
、
material-ui
输入只集中于文本水平,它仍然停留在卡片
的
顶部,我不知道为什么。我已经准备好了材料UI文档,它应该都能工作。
浏览 4
提问于2020-03-04
得票数 1
1
回答
使
CSS
网格
填充
CSS
Flexbox列中
的
所有可用空间
html
、
css
、
flexbox
、
css-grid
我正在建立一个新
的
网站,当我这样做
的
时候,我想我应该尝试一些新
的
技术,看看它们在实践中是如何工作
的
。#
flex
_w
浏览 0
提问于2018-03-21
得票数 1
回答已采纳
6
回答
角材料
网格
系统
angularjs
、
material-design
为什么两者都有不同
的
布局和
网格
?中引导容器
的
等效值是什么? 与引导程序相比,我应该在项目中使用吗?
浏览 2
提问于2015-02-22
得票数 15
回答已采纳
1
回答
当使用
网格
自动行时,如何使
css
网格
增长到包含一个柔性盒?
css
、
flexbox
、
css-grid
在下面的代码页中,您将看到
css
网格
中有一个柔性盒。如您所见,柔性盒div
的
内容正在
网格
的
其他部分下溢出。 如果我删除
CSS
grid-auto-rows:100px;,那么柔性盒内容就不再溢出。但是,我真的希望其他
css
网格
项是100 be高,除非它们
的
内容太高而不能包含在100 be中。如何使所有
css
网格
项默认为100 of高,同时让任何内容高于100 of
的
项增长以容纳所有
浏览 0
提问于2018-09-11
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
微信小程序的WCSS相比传统的CSS,最大的优势在于Flex布局
Flex布局教程
香坊区基于网格化的疫情防控平台上线
CSS Grid 布局快速教程
一种基于网格的密度峰值聚类算法
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券