腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(208)
视频
沙龙
1
回答
React
/
Gatsby
:
使用
CSS
网格
,每
行列
数
交替
css
、
reactjs
、
css-grid
、
gatsby
我正在尝试创建一个
网格
布局来
交替
每行中的列
数
。例如,第一行将有一列,第二行将有两列,然后第三行将返回到一列。此时,我只有一个每行有两列的
网格
。 有谁对如何做到这一点有什么建议吗?谢谢!
浏览 15
提问于2020-04-12
得票数 0
回答已采纳
1
回答
Gatsby
- GraphQL图像未定义
javascript
、
reactjs
、
graphql
、
gatsby
我试图
使用
Gatsby
Image将图像延迟加载到
CSS
网格
中。我一直收到错误-“无法读取未定义的属性'person‘”。import
React
from "
react
"import Img from "
gatsby
-image" const Portfolio
浏览 0
提问于2020-05-12
得票数 0
1
回答
如何用
Gatsby
.js实现置标中的
gatsby
-remark-images-grid
javascript
、
reactjs
、
markdown
、
gatsby
我正在
使用
markdown在
Gatsby
.js中创建一个博客,我想在我的博客帖子中
使用
css
grid来显示一个漂亮的图像
网格
。 所以我知道
Gatsby
有很棒的插件来解决几乎所有的问题。我确实正确地安装了它(我认为: npm install
gatsby
-remark-images-grid --save),将它放入我的
gatsby
-config.js中,如下所示: module.exportstitle: 'Kids and Coconut
浏览 14
提问于2019-02-07
得票数 2
1
回答
为什么AgGridReact的子列组件不呈现?
reactjs
、
ag-grid
当
使用
外部函数组件为声明性列定义呈现AG
网格
表时,它们不会被呈现。此外,在放置断点时不执
行列
组件呈现。我有以下AG
网格
表组件:import 'ag-grid-enterprise'; import'ag-grid-community/dist/styles/ag-grid.
css
浏览 1
提问于2020-12-08
得票数 1
1
回答
如何
使用
引导
网格
映射图像数组?
wordpress
、
reactjs
、
bootstrap-4
、
graphql
、
gatsby
我正在用
gatsby
.js构建一个投资组合网站。所有的照片都发布在wordpress中,由graphQL获取并呈现到网站上。我试图
使用
引导
网格
来组织照片并使其响应,但是由于graphQL返回一个数组,其中包含从wordpress帖子中获取的所有图像,所以我不能
使用
array.map设置一个带有类=‘row’的div。这是我发现的唯一组织大小的方法,只要我不能
使用
类行,并且所有的图像都在一行中考虑。问题是照片大小没有反应,所以总是300x300.我想找个办法把它变成
网格
系统,因为它应该能工
浏览 0
提问于2019-05-15
得票数 2
回答已采纳
1
回答
如何在一行中只显示三项?
css
、
reactjs
、
flexbox
、
grid
我希望在
React
中创建一个包装器组件,它接受一个子项,包装器应该只显示
每
一行三个项(输入、复选框等等)。此外,对于更大的屏幕,细胞不应该伸展,项目必须紧密地分组。但是,当屏幕缩小时,项目必须包装并更改列
数
。 我认为
css
网格
非常适合,但我找不到合适的方法。
浏览 11
提问于2022-10-19
得票数 0
1
回答
从
React
属性更改样式化组件中的
css
变量
css
、
reactjs
、
css-grid
、
styled-components
、
emotion
我正在
使用
CSS
网格
来创建一个动态表。列
数
和行数是动态的,并且基于我从
React
中更高的组件中获得的道具。 如何将样式化组件(情感)中的
css
变量更改为从
React
props获得的数据?
浏览 25
提问于2019-04-16
得票数 0
2
回答
在
Gatsby
中
使用
具有动态内容的
网格
模板区域
css
、
reactjs
、
graphql
、
css-grid
、
gatsby
我正在尝试
使用
CSS
网格
,以使
每
一行与
交替
的列布局。第一行左边是图像,右边是文本,第二行左边是文本,右边是图像,依此类推。我尝试
使用
nth-of-type,但由于每个帖子都会重复
使用
父节点(Box),所以我认为这将非常困难。import { Li
浏览 2
提问于2019-02-15
得票数 1
1
回答
响应
CSS
-替换行上的交换元素位置
css
、
css-grid
、
responsive
我试图在
网格
布局中安排图像/描述配对项,以便它们在
交替
行上出现反转,而不考虑行中的项目
数
(当页面调整大小时)。
使用
纯
CSS
可以做到这一点吗?
浏览 0
提问于2021-03-21
得票数 0
1
回答
css
网格
布局每行中的不同列
数
html
、
css
、
css-grid
我有这样一个
网格
容器: <div class="a">A</div> <div class="c">C</div> <div class="
浏览 0
提问于2018-03-30
得票数 2
回答已采纳
3
回答
每
4项更换颜色一次
html
、
css
、
css-selectors
是否可以
使用
纯
CSS
创建一个颜色
网格
,
每
4项
交替
。前4个项目有蓝色,接下来4个项目有红色,然后4个项目返回蓝色等等。
浏览 0
提问于2019-04-30
得票数 4
回答已采纳
3
回答
将项拆分为两列
CSS
网格
css
、
css-grid
有办法通过
CSS
网格
实现以下目标吗?1 432 4 尝试
使用
grid-template-rows,但
每
列的行数是固定的。
浏览 10
提问于2022-05-05
得票数 1
1
回答
根据
交替
行更改完整日历5.7中的颜色--哪个元素用于n个子元素?
html
、
css
、
fullcalendar
、
fullcalendar-5
border-collapse: collapse; background: rgba(240,240,247,1);}但这给了两种颜色的
交替
列,而不是行,因为tr的去平日。它们在表中,其中有更多的表,但行本身实际上是<div>的(当您
使用
浏览器工具检查所呈现的日历的HTML时,您可以看到这一点)。 但是当我在浏览器中查看这些事件时,我没有看到任何div。
浏览 0
提问于2022-07-01
得票数 1
1
回答
CSS
网格
布局动态行
css
、
css-grid
我看到的每一个例子都包含了一些Javascript,到目前为止,我只了解HTML和
CSS
(学生)。我试图实现的是,当我添加内容时,我不想在
CSS
中创建新的行。我也不知道这是否可能,但如果我可以重复两行作为基本布局,我希望行与其他属性之间的颜色
交替
,只需
使用
它们来放置其他内容。这样做的问题是,我必须手动为我想要的
每
一行或
每
一列添加一个新的
网格
项。我在重复中找到了一个部分的解决方案。,这是我所期望的,还是我必须回到手动添加新的
网格
项。我试图找到一种方法来
浏览 0
提问于2018-05-15
得票数 1
1
回答
如何向行中添加详细数据?
jquery
、
html
、
css
、
asp.net-mvc-4
我
使用
gijgo.com/Grid中的gijgo作为datatable控件。到目前为止,对于标准数据加载,它的工作方式很有魅力,而且速度非常快。但是现在我需要将子
网格
,也就是
网格
添加到一行中。如图所示:Gijgo网站有一些生成常规数据的示例代码,但是生成子
网格
的信息不多。我编写了以下代码来生成主表 <link href="~/Content/bootstrap.min.
css
" rel="stylesheet"
浏览 1
提问于2016-05-15
得票数 1
回答已采纳
1
回答
页脚不在原地(
React
-
Gatsby
)
javascript
、
css
、
reactjs
、
graphql
、
gatsby
import
React
from "
react
" import Footer from "./layoutplus.
css
" return ( <Navbar />
浏览 5
提问于2020-12-25
得票数 1
回答已采纳
2
回答
CSS
网格
如何
使用
最大嵌套元素大小来呈现大小相等的列?
css
、
css-grid
考虑四列中的单词
网格
,
每
列都是相同的宽度。但是,可能有一个很长的词溢出了它的障碍:如果这是静态数据,我可以将
网格
css
更改为grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));,以方便地填充空间:如何使
CSS
呈现器为我调整列
数
,使每个列的宽度相同,
使用
集合中最宽的word块的宽度?
浏览 10
提问于2022-06-26
得票数 0
回答已采纳
1
回答
CSS
网格
-根据div中的内容进行调整
css
、
css-grid
、
styled-components
所有标签都会呈现在页面上,我们可以
使用
这些标签,尽管我们希望div自动调整为文本长度。 请参阅最终目标的示例: ? 现在,标签具有容器的完整宽度,如下图所示: ?
使用
CSS
网格
和样式组件,如何实现div宽度的自动调整?代码现在是这样的: import
React
from "
react
"import styled f
浏览 8
提问于2021-02-05
得票数 0
回答已采纳
2
回答
如何获取布局或其至少一个子元素是否在android中溢出
android
、
css
、
android-layout
、
mobile
由于我的网页
使用
CSS
,所以两个div
使用
bootstrap
网格
系统类;它们会自动更改方向,并从
每
一列变为逐行。如果我得到了这一点,我可能会改变他们的父母方向,以逐
行列
出他们。
浏览 4
提问于2018-02-16
得票数 0
1
回答
gatsby
/
react
中多维数组上的map()方法,尝试在div中包装内部循环时出错
javascript
、
arrays
、
reactjs
、
gatsby
、
bulma
我有一个post数组,如果我
使用
列来显示,它将只是在post容器div上应用multiline类。但我
使用
的是bulma
css
内置的tiles布局,不幸的是,它不支持多行,就像列一样。所以我必须将
每
三个帖子包装在一个带有“tile”类的div中。为此,我将数组分成3个大小的块(这里有人建议,感谢他),现在它归结为循环通过一个二维数组。现在的问题是,当我试图将内部循环包装在div中时,我得到了语法错误(我是javascript/es6和
react
/
gatsby
的新手,
浏览 14
提问于2020-06-26
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
想在2020年成为前端大师?就做这9个项目吧
这30个超级工具!前端开发很喜欢
前端领域2017年有哪些变化,2018年又有怎样的期待?
Grid 布局不完全指北
如何快速构建React组件库?
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券