css-grid 相关问题

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

如何使用max函数调整CSS网格行的高度？

我有一个CSS网格，具有1列和10行。单元格包含长度不同的文本。我希望所有行的最小高度都为100vh，并在必要时超出该大小，即如果内容...

css css-grid

回答 1 投票 0

如何将孙子元素之一扩展到CSS网格中的100％宽度

如何将孙元素之一在CSS网格中跨度为100％，而父元素是容器则分为3个部分。 .container {display：grid;网格模板列：repeat（3，...

html css css-grid

回答 1 投票 0

align-self不对齐Safari中高度为100％的容器中的内容

我有一个包含图片标签的部分。 picture标签是使用srcSet图像集完成的，以进行响应式设计，并使用多张图片，而无需下载未使用的图片。 ...

html css safari css-grid centering

回答 1 投票 1

align-self不对齐Safari中高度为100％的容器中的内容

我有一个包含图片标签的部分。 picture标签是使用srcSet图像集完成的，以进行响应式设计，并使用多张图片，而无需下载未使用的图片。 ...

html css safari css-grid

回答 1 投票 0

是否可以在网格项目之间添加线？

我目前在在网格项目之间添加垂直线有些麻烦。我当前的解决方案是在行与行之间留有空白，并且不能使用边框，因为边框会直接“粘” ...

html css grid css-grid

回答 1 投票 0

侧面导航菜单中的多余空格

作为练习，我使用flexbox分别为topnav和CSS Grid 12列布局创建了一个基本网页。我在sidenav上遇到问题，由于某种原因，它有多余的空格？我尝试过...

html css flexbox css-grid

回答 1 投票 0

将网格容器的div宽度设置为其中一行的宽度

我的布局看起来像这样：＆...

html css css-grid

回答 1 投票 0

使用自动调整和自动填充功能无法调整CSS网格中的列的大小

我正在尝试使用CSS进行布局，其中我有2列2行的网格。第一列的宽度应为1fr，第二列的宽度应为4fr。我尝试使用自动调整：HTML ...

css responsive-design css-grid

回答 1 投票 0

CSS网格容器在Flex容器内收缩（Storybook复制）

有人了解为什么此代码会做什么吗？我有一个带有4个元素的网格容器，该元素应水平显示它们之间有15px的间距。不知道为什么，但是...

css flexbox css-position css-grid

回答 2 投票 0

jQuery和Bootstrap是否已过时？

我已经读到它们现在已被React库和CSS网格所取代，但我一直看到它们出现在针对Web开发人员的教程中（甚至是那些在2018年及以后发布的教程）。是否值得...

jquery reactjs css-grid

回答 1 投票 0

使用位置的表：粘滞并显示：网格

我正在尝试使用display：grid和position：sticky在表格状视图中显示数据，以将前两个标题行和前三列粘贴在每个后续行上。标头行... ...>

css scroll position css-grid sticky

回答 1 投票 0

将图像放在带有子文本的网格中

我有三张图像，我想在其下面居中放置文本。目前，我的代码提供了以下内容（请参见此处），其中图像在其单元格的左侧对齐。我的代码是：

html css css-grid tailwind-css

回答 1 投票 0

CSS网格-无法使网格模板区域工作

不知道为什么容器的'grid-template-areas'属性和grid-item的'grid area'属性不起作用！ https://codepen.io/rfrostr/pen/XWmzewp

css css-grid

回答 1 投票 0

CSS网格项目单元会扩展而不是溢出

我有一个CSS网格：| ------- | ------------------- | | ------- | | | |溢出| ------- | ------------------- | | ------- | ------------------- |而且我无法停止“ ...

html css css-grid

回答 1 投票 -1

vuetifyjs网格全高，并在溢出时滚动

我正在尝试使用其网格系统填写vuetifyjs应用的。如何填充列以占用所有可用空间并滚动溢出到某些单元格？新Vue（{...

css flexbox vuetify.js css-grid

回答 1 投票 1

CSS网格：使导航栏在移动设备中可折叠

尽我所能学习CSS Grid ...我制作了一个导航菜单，但无法折叠以显示移动视图（“汉堡”菜单样式）。我尝试使用在多个视频中看到的“复选框黑客”，然后...

html css css-grid

回答 1 投票 0

CSS网格下拉菜单

单击汉堡包图标时，我希望下拉菜单将内容覆盖在标题下方。目前，问题在于下拉菜单将内容推下，而不是...

html css drop-down-menu css-grid

回答 1 投票 1

以固定宽度的列在CSS网格中居中

我正在尝试制作一个简单的CSS居中网格布局。我知道当我使用justify-items：center时，网格容器内的项目应该水平对齐，但是当我指定列时...

html css css-grid centering

回答 2 投票 2

如何在弹性项目之间添加空格（如装订线）？

我的网页中有两个元素，例如：.host {display：flex;证明内容：规范之间； } .left {width：300px;底边距：20px; } .right {width：300px; ...

html css flexbox css-grid

回答 1 投票 1

我如何让我的gif显示在该网格的第一行和两列中？

我正在尝试制作第一行和第二列是一张gif的卡片，说明该卡片适合带有边框的单元格内。但是，没有任何显示，单元格只是显示为空。 ...

html css image css-grid

回答 1 投票 0

css-grid 相关问题

最新问题