css-grid 相关问题

CSS Grid Layout是一种允许创建网格的W3C技术。它不需要使用浮动,表格,绝对定位甚至flexbox(另一种CSS3技术)来构建各种网格,从简单到复杂。一般情况下,请勿将此标记用于CSS网格系统。

如何防止网格布局div溢出视口?

所以我的网格中有2个div。第一个div可能很小或非常大,但不应超过屏幕大小。第二个div的固定大小为40px。所以第一个div应该是......

回答 2 投票 0

如何保持CSS网格单元的最小和最大尺寸

我正在尝试使用CSS网格来构建一个绝对固定的布局。嵌入式应用程序的布局,包含GUI元素和文本字段。细胞大小不应该改变并重新调整它们......

回答 1 投票 0

一个元素是否可以占用一个CSS网格行,一个子元素可以占据该行的一个单元格?

我想实现以下效果:.wrap {display:grid; grid-template:2rem 10rem / auto 20rem auto; }。{background:orange; grid-column:1/4;网格行:1; } ....

回答 2 投票 1

CSS网格 - 基于行的放置

我一直在玩css网格一周,我正在尝试制作类似于Rachel Andrew基于Line的位置的布局。 HTML: Heading&...

回答 1 投票 0

Css网格和图像叠加

我已经尝试将悬停效果放在css网格中的图像上但只是无法正确放置。滚动图像时会出现问题。悬停效果显示在网格上方....

回答 2 投票 0

仅为ul的第一个和第二个子项定义网格的fr

我正在为ul li的网站创建导航。目前有7个链接。我已经将ul的显示设置为网格,重复(7,1fr)。但是我希望第一和第二个li是.5fr和1 ....

回答 2 投票 2

垂直分割器作为CSS网格的伪元素

我正在使用CSS网格。我要求在两个DIV之间有一个垂直分隔符。但是,垂直分隔符需要小于实际DIV的高度,所以我不相信我......

回答 2 投票 1

扩展以填充CSS网格布局中的剩余空间

我想使用CSS网格,以下是目标的模型:我正在构建一个应向右扩展以填充浏览器屏幕的界面;我当前的代码导致外部网格的第2列...

回答 2 投票 8

CSS网格和响应式视图

我今天刚刚开始学习CSS网格,我可以开始看到使用这个很棒的CSS课程的重点。但有一点让我感到困惑的是,如何在移动设备上重组网格....

回答 2 投票 4

布局取决于元素的数量

我有一个可以包含2个,3个或4个元素的包装器(我事先不知道它,因为每个元素都会呈现自身,具体取决于API响应)。如果有3个(或更少),我希望它们堆叠如下:...

回答 5 投票 4

响应列表组项目从两列到一列

我正在使用Bootstrap 4并创建了一个项目列表,并将其分为两列(见图)。当我将网站缩小到移动尺寸屏幕时,它显示如下:但我希望当我......

回答 1 投票 2

防止CSS网格中的双边框

鉴于当前的CSS网格示例,我如何折叠边框以避免双边框?使用Html表实现这是一件非常简单的事情。我如何使用显示器:...

回答 6 投票 13

当我将鼠标悬停在它们上面时,为什么只有一些CSS网格框在扩展?

我是CSS的网格新手,但我想尝试一下。我有一个3x3盒子的网格。当我将鼠标悬停在一个盒子上时,它应该应该排出整行...但是这不起作用。当我将鼠标悬停在1以上时......

回答 2 投票 5

CSS网格留下一个方格空白[关闭]

我不明白为什么页脚没有填满屏幕的整个底部。注意:如果我试图延伸到那个角落而不是页脚,那么它也会留空。只是拒绝......

回答 1 投票 0

使用网格时如何在网站底部放置页脚?

我正在制作一个网站,并为我的身体使用网格。现在我正试图为我的网站制作一个页脚,但我的页脚正好位于我的主体右侧。我认为这个问题可能与我有关...

回答 1 投票 0

在表格或网格中垂直对齐和定位旋转文本

我正在尝试在html表中旋转一些文本,但无论我做什么,我最终都会遇到一些对齐和文本流问题。我尝试过使用写入模式的各种组合并在css中旋转,...

回答 1 投票 3

如何在CSS网格中垂直使用所有可用空间?

我正在尝试构建一个带有标题栏,导航标题,页脚和中间主要内容区域的Web布局(侧边栏和主视图分为两部分)。我打算使用CSS Grid布局。我......

回答 2 投票 3

将网格项跨越到CSS Grid的整个宽度

我如何使用display:grid所以它只针对.entry或.post元素并排除档案标题和分页? (存档描述和跨越内容div的整个宽度的分页)...

回答 1 投票 4

css网格 - 我还需要使用列表吗?

对不起,除了我正在寻求简化之外,这不是一个特别的代码问题。我正在尝试迁移到使用CSS网格,因为这个概念看起来很棒而且更直观 - 但......

回答 2 投票 4

用于动态内容的CSS网格布局

我想知道如何为可能是动态的内容设置(仅限CSS网格)布局。假设我有一个Header,Body和一个侧边栏。可以显示或不显示侧边栏。我该怎么办......

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.