css-grid 相关问题

我正在尝试使用 CSS 网格重新创建这张图片。但是我不知道如何正确创建跨越多个列的元素。这是我现在的代码。我正在尝试使用 CSS 网格重新创建这张图片。但是我不知道如何正确创建跨越多个列的元素。这是我现在拥有的代码。 <div class="Grid"> <div class="Grid-Column"> <div class="column">1</div> <div class="column">2</div> <div class="column">3</div> <div class="column">4</div> <div class="column">5</div> <div class="column">6</div> </div> <div class="Grid-Rows"> <div class="row">Monday</div> <div class="row">Tuesday</div> <div class="row">Wednesday</div> <div class="row">Thursday</div> <div class="row">Friday</div> </div> <div class="Grid-Element"> <div>A</div> <div>B</div> <div>C</div> <div>E</div> <div>F</div> </div> </div>

html css dom flexbox css-grid

回答 0 投票 0

如何给一个类分配一个特定的网格区域，然后给它的子元素分配不同的网格区域？

在我的网站上，我想把.about类分配给grid-columns。14; 而对于.about h1元素，我想让它在grid-column: 34，而.about p元素则在grid -column: 12; 我有...

css css-grid

回答 1 投票 1

CSS Grid - 使用grid-template-columns而不创建空的div。

我想创建一个屏幕，其中只有一个div，谁是中心，并采取33％的屏幕大小。左右两边都是空的。我所做的是：.loginScreenContainer { display: ...

css css-grid

回答 2 投票 -1

Css-grid：如何添加块并使其他元素向上移动？

我有2个布局条件，布局一，布局二，我想动态删除或添加块2，并在布局之间切换。我想动态地删除或添加块2，并在布局之间进行切换。可以通过css-grid来处理吗？

css css-grid

回答 1 投票 0

CSS 网格右侧栏永远不大于左侧栏。

我有一个wrapper div，它的高度是动态的，但一般不应该超过窗口的高度。在包装器内部有两列，每列的高度都是可变的，取决于内容是什么......。

css css-grid

回答 1 投票 0

报纸风格的网格在纯css上有不同的动态高度的组件[重复]。

让我从一个基于display:flex;的小例子开始。#container { display: flex; align-items: flex-start; flex-wrap: wrap; width: 150px; } .content { border: 1px solid black; ...

html css flexbox css-grid

回答 1 投票 0

CSS网格。当有两列时，使第二个div出现在左边，第一个div出现在右边。

我有一个CSS网格，当它的宽度为600px或更宽时，它被设置为分成两列。我想把它设置成第一个div形成右列而不是默认的左列，第二个div形成 ...

css-grid

回答 1 投票 0

CSS网格动画在Chrome浏览器中无法使用

如何在Chrome浏览器中使用CSS Grid制作动画？这是一个使用Grid的简单样式，当元素有活动类时，它会改变grid-template-columns。它在Firefox中也可以工作。但是... 在Chrome浏览器中，它...

google-chrome animation css-grid

回答 1 投票 2

CSS 桌面版和手机版的不同网格

我有一个网格布局，它有7列5行，由以下CSS定义。.container { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(5, 1fr); ...。