css-grid 相关问题

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

CSS释放空间时向左或向右扩展网格项目

我有以下带有网格模板的模板,以及一些用于隐藏和显示div1和div4的按钮,并且div2和div3的区域应相应扩展。我希望当div1不存在时,...

回答 1 投票 1

SVG圆应适应CSS网格高度而不会重叠

在以下示例中,圆适应网格宽度并保持其长宽比。随着容器宽度的缩小,圆也随之收缩...但是,当高度小于宽度时(...

回答 2 投票 2

将行高设置为适合CSS网格中该行的最高单元格

我有一个5列4行的网格。我希望每行的每个单元格的高度都相同。换句话说,每行高度应等于该行中的最高单元格。不幸的是我可以得到...

回答 1 投票 0

Css网格重复语法

我必须使用css网格来渲染一行,使得第一列必须具有灵活的长度,而其余所有列都必须具有固定的宽度。沿着...

回答 1 投票 0

破坏CSS网格

请运行以下简单的网格布局示例,其中的网格单元格为

回答 3 投票 0

有没有一种方法可以将嵌套的子项与我的CSS网格对齐?

我正在使用Laravel和Vue.js,并且有一个看起来像这样的Application.vue [[[[[[ ...

回答 1 投票 0

如何在网格列中居中网格项目?

我正在为我的浏览器建立一个基本主页。我有4个类别的链接,因此我将它们全部放在一个网格中以轻松对齐它们。我能够做到这一点,但是网格项并未在每个.....>

回答 1 投票 0

使用网格模板区域时是否需要网格自动行?

使用网格模板区域来定义布局时,网格自动行是否不必要?我非常确信情况仍然如此,但是删除我编写的那部分代码似乎不会影响...

回答 1 投票 0

既具有视口响应能力又对子内容具有灵活性的容器

我正在尝试使一个容器既响应视口又灵活地对其内部内容进行调整(增大或缩小)。我为圆形容器设置了最大宽度/高度,并使内容合适。 ...

回答 1 投票 0

CSS网格行具有不同的宽度

我在使用CSS网格时遇到问题。我想知道我的每个网格行是否可以具有不同的宽度。我的网格设置如下:.section.section--3 .text {display:grid; ...

回答 1 投票 0

如何获得等间距的CSS网格砌体布局?

因此,我已使用本教程为我的网站创建基于CSS网格的砌体布局。我只有一个问题,我的div之间的间距不均匀,我不知所措,想出一种方法来... ...

回答 1 投票 0

标题周围的宽度限制线>>

我有一个用CSS网格创建的带有标题的行。我希望线条更小(例如5%),如何实现呢? HTML和CSS h1 {display:grid; grid-template-columns:...

回答 2 投票 1

使用CSS网格重复内联块,但避免占用未使用的空白

我有许多DIV元素,我想并排显示(在屏幕分辨率允许的情况下)。以前,我使用display:inline-block实现此目的。但是,DIV的内容...

回答 1 投票 1

使用CSS网格重复&minmax()模拟内嵌块,但避免占用未使用的空白

我有许多DIV元素,我想并排显示(在屏幕分辨率允许的情况下)。以前,我使用display:inline-block实现此目的。但是,DIV的内容...

回答 1 投票 0

Css网格嵌套Divs-嵌套Divs的底行将不会填充较大的Div

我对网页设计还很陌生,但是一直在努力建立一个棒球研究网站,最终使我开始编写代码。我在CSS网格布局中取得了一些成功,但是有了...

回答 1 投票 1

带有2行,4列,7个项目的CSS网格。如何居中第二行?

我有7个动态内容要显示在我的页面中。这是我的内容代码: ]

回答 3 投票 0



使用CSS网格minmax和href属性

我对使用CSS网格是陌生的。我正在尝试制作大小不同的图像响应网格。我想出的示例效果很好,但是似乎我需要定义一个重复大小(...

回答 1 投票 0

如何使一个网格列中的内容可滚动以及相对于其他网格列的高度可调

小提琴演示:https://jsfiddle.net/buff23/Lq6wf3cm/1我想让inner-container3根据第一列的内容改变高度,如果进来的内容更多,则可以滚动...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.