腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
grid
-
template-area
在
CSS
网格
中
放置
div
?
html
、
css
我正在尝试将相似的元素组放在一个
网格
中
: #
grid
{ left: 135px; width: 1080px; display:
grid
;
grid
-template-columns: 1fr 1fr 1fr;
grid
-row-
浏览 33
提问于2020-10-08
得票数 1
回答已采纳
1
回答
在
CSS
网格
布局
中
填充空单元格
javascript
、
jquery
、
css
、
css-grid
我有一组通过
CSS
Grid
布局尽可能“自动”排列的
div
磁贴;我的最后一个想法是,即使我不知道有多少磁贴,它们的大小和位置都是正确的。这工作得很好。
grid
-row: span 2;如果我点击任何不在最右边列的磁贴,我都会对结果感到满意。Probably disregard. var colCount = $('
div
.w
浏览 1
提问于2017-07-10
得票数 10
回答已采纳
1
回答
重复
CSS
网格
而不定义更多
网格
区域
css
、
css-grid
我正在尝试
使用
CSS
网格
在
以下约束条件下布局一些内容。 我有三个
div
-所有的
div
都应该是50%宽的,但是
div
2和3应该堆叠在
div
1旁边。我已经设法
使用
grid
-
template-area
实现了这一点,但我
使用
PHP动态填充它,所以不能保证总是有三个
div
,所以如果它超过这个数量,我只是希望
网格
重复。我现在正在
使用
浏览 8
提问于2021-06-17
得票数 0
回答已采纳
1
回答
使
网格
项填充列而不是行
html
、
css
、
css-grid
我想让我的
网格
垂直填充:2 5 8而不是水平填充:4 5 6
在
我的
网格
中
,我想指定列数,而不是行数。这是我的
div
的样子:.
grid
{
grid
-template-columns: 1fr 1fr 1fr;<
div
class="
grid
"> <
div</em
浏览 14
提问于2017-12-12
得票数 6
回答已采纳
1
回答
变宽瓷砖的柔性盒顺序
html
、
css
、
flexbox
、
css-grid
这里是小提琴- (
在
本例
中
,我尝试
在
第一行
中
设置2个蓝色块和绿色块,
在
第二个行中有4个蓝色块,而不必
使用
CSS
或JS设置顺序)。 flex-direction: row; justify-content: flex-start; <<e
浏览 3
提问于2017-06-01
得票数 3
1
回答
CSS
网格
与变换的结合
html
、
css
、
css-transforms
、
css-grid
有没有办法将
CSS
网格
与转换结合起来,在
网格
布局中移动
div
?例如,如果用户单击Box B(它将扩展到占用当前由它自己和方框C和F所持有的空间),我
如何
使用
转换将C和F从新占用的空间中移出,进入
网格
中
当前无人占用的空间? display:
grid
;
grid
-template-columns: repeat(5, 18% 20px);
浏览 3
提问于2017-07-03
得票数 10
回答已采纳
1
回答
封面上有4张不同大小的图片?
css
、
twitter-bootstrap
、
bootstrap-4
、
flexbox
、
css-grid
我昨天发了一个,有人建议
使用
解决不了这个问题,但我的问题已经结束了。所以我在这里,再问一次,再多解释一下。我怎样才能做到这一点?如果可能的话,请提供一个代码片段,说明
如何
做到这一点。
使用
引导带4.4下面是一个代码片段;<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/<em
浏览 1
提问于2020-03-06
得票数 0
2
回答
Dojo DataGrid未显示
javascript
、
dojo
、
dojox.grid.datagrid
在
我的dojo.xhrGet
中
,我指定了这个load: // reset data display containers <
div
id="search_results_table"></
div
>在这个脚本的末尾,
网格
浏览 1
提问于2011-12-05
得票数 1
回答已采纳
2
回答
在
CSS
网格
中
从底部开始填充单元格
css
、
css-grid
我有一个有3行的
CSS
表格。可能只有不到3个项目需要填充,我想从底部开始填充它。html, body,
div
{} display:
grid
;
grid
-template-rows: repeat(3, 1fr);} <<em
浏览 1
提问于2020-04-03
得票数 4
1
回答
CSS
网格
:自动布局算法的工作原理
html
、
css
、
css-grid
我正在研究
grid
-auto-flow上的MDN 提供的示例,以了解
CSS
网格
中
的自动布局算法是
如何
工作的。下面是
如何
定义示例(您可以在这里更改select
grid
-auto-flow选项以更改属性的值):function changeGridAutoFlow() { var
grid
= document.getElementById" rel="stylesheet" type="text
浏览 23
提问于2020-10-04
得票数 3
回答已采纳
1
回答
我
如何
为
CSS
网格
的每一行设置样式?
css
、
css-grid
我有不确定数量的
div
元素(内容/
网格
项的片段)。我希望它们
在
CSS
网格
的定义列中进行布局。
CSS
网格
很容易地将它们
放置
在一起。但是现在,由于元素已经就位,我想以某种方式
在
结果
网格
的每一行
中
设置<
div
>的样式。 把它想象成把每一行桌子都设计成更深的颜色。这个问题可以概括为这样一个问题:您能为
CSS
网格
的任意行/列
浏览 2
提问于2017-09-27
得票数 8
2
回答
将
网格
行数限制为指定数量
html
、
css
、
css-grid
是否可以强制
网格
只渲染指定数量的行,而忽略其余的项?在下面的示例代码
中
,我指定了repeat(3, 1fr),所以我只想呈现3行,无论它包含多少项。但这会导致4行:.
grid
-constrain {
grid
-template-columns: repeat(auto-fit, minmax(400px,1fr));} text-align:
浏览 4
提问于2018-04-14
得票数 6
1
回答
为什么
CSS
网格
的自动填充属性不按列方向工作?
html
、
css
、
vertical-alignment
、
css-grid
我正在
使用
行来练习自动填充属性,但是它并没有做我想做的事情。我想要创建具有高度minmax(140px, 200px)的行,但是得到一个高度为200 to的行,其余的行为18 to。body, height: 100%;} display:
grid
;}
浏览 0
提问于2019-04-23
得票数 4
回答已采纳
2
回答
如何
创建
网格
并在列
中
随机
放置
元素?
javascript
、
jquery
、
html
、
css
我有一个响应式
网格
是用js和
css
创建的。在
网格
中
的每一列
中
,我想
放置
元素(红色方块),但方块应该随机
放置
,并且只
放置
在
一些列的内部。有50列,假设我想在列
中
随机
放置
20个正方形,这样正方形就不会重叠。我
如何
以最好的方式实现这一点?js
浏览 1
提问于2017-08-15
得票数 1
1
回答
在
VB.net站点中通过ViewBag传递
grid
-template-areas和
grid
-template-COLUMS值
css
、
vb.net
、
model-view-controller
、
viewbag
我有一个
使用
VB.net MVC5的初步站点,
在
_layout页面
中
我有我的主要结构(页眉、导航、页脚等)。标签也
在
布局页面
中
,而View页面
中
唯一的内容是正文html。我正在
使用
网格
来排列我的内容的元素,并且我正在尝试弄清楚
如何
在每个页面的基础上设置
grid
-
template-area
和
grid
-template-column的值。' 'cap2 cap3&
浏览 7
提问于2018-09-08
得票数 0
回答已采纳
1
回答
CSS
网格
布局
在
父
div
上,我也想在子
div
上
使用
它
html
、
css
、
fullpage.js
、
css-grid
在这个项目中,我将结合
使用
fullPage和
CSS
Grid
Layout。 <
div
class="fp slides"> <
div
浏览 1
提问于2017-11-16
得票数 4
4
回答
角度ui-
网格
排序图标不能正确显示。
javascript
、
html
、
css
、
angularjs
、
angular-ui-grid
我已经研究并尝试将所有的字体文件(ui-
grid
.eot,ui-
grid
.svg,ui-
grid
.ttf,ui-
grid
.woff)与ui-
grid
-unstatle.
css
放在同一个目录
中
。
在
firefox
中
我也得到了 可下载字体:下载失败(字体-系列:“用户界面-
网格
”样式:正常重量:正常拉伸:正常src索引:1):file:///C:/webapp/
c
浏览 5
提问于2015-06-30
得票数 5
回答已采纳
1
回答
如何
将一个特定的
网格
区域分配给一个类,然后将不同的
网格
区域分配给它的子元素?
css
、
css-grid
在
我的website上,我希望将.about类分配给
grid
-columns: 1/4;而对于.about h1元素,我希望它在
grid
-column: 3/4
中
,.about p元素
在
grid
-column: 1/2
中
; 我已经尝试将所需的行添加到我的
css
文件
中
的子元素
中
,但当我这样做时,站点上似乎没有任何变化。
css
displa
浏览 18
提问于2019-08-28
得票数 1
3
回答
用
CSS
网格
指定从右侧开始的列
css
、
grid-layout
、
css-grid
我正在尝试将我的Flexbox布局更改为新的display:
grid
,我有三列。<
div
class="
grid
"> <
div
class="two wide column"></
div
> <
div
cl
浏览 3
提问于2017-05-15
得票数 9
1
回答
MDC:
如何
对一个细胞中心?
html
、
css
、
mdc-components
它是用写的,“默认情况下
网格
是对齐的。”head></head> <
div
class="mdc-layout-
grid
&qu
浏览 0
提问于2019-05-05
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
迈向 Grid 二维布局时代
5分钟学会 CSS Grid 布局
如何用 CSS 网格快速做出网站原型
CSS Grid 布局
基于 Flexbox和CSS Grid 的高效布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券