css-grid 相关问题

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

CSS网格重复图案

我的代码如下所示。它有效,但是非常重复。有谁知道如何使这种清洁剂?我认为我们应该使用重复或第n个孩子?我对html和css有点陌生,请问...

回答 3 投票 0

使CSS网格响应

我正在使用CSS网格进行测试,我很好奇如何使我当前的工作对移动设备敏感?要使我的列根据空间折叠,需要哪些CSS值?这是...

回答 1 投票 0

正确缩放图像(例如css-grid,flexbox),s.t。它会填充可用空间

我有一张图片和下面的图片一些描述文字。我希望图像占用尽可能多的空间以使用div的整个宽度,但不要超过可用空间。 ...

回答 2 投票 0

网格布局看起来不像我预期的那样>>

我正在围网练习,我想按图片所示进行布局。 .container {display:grid; grid-template-columns:72px自动50px; grid-template-rows:200px auto; grid -...

回答 1 投票 0

包含4张不同尺寸图像的封面?

我昨天发布了一个问题,有人提出了一个类似的问题,但答案无法解决,但我的问题已结束。所以我在这里,再次提出更多解释。我想要...

回答 1 投票 0

很少为网格模板生成错误的代码

我正在将此CSS用于我的CSS网格声明:#slider_area {grid-template:1fr 1fr 1fr / 1fr 32%; grid-column-gap:8px; grid-gap-gap:4px; },但会转换为:#slider_area {grid -...

回答 2 投票 0

如何使CSS网格容器始终填充可用的垂直空间

我有一个问题的简化版本。我有一个放入物品的容器。容器设置为显示:网格,我希望它始终填充所有可用的垂直空间...

回答 2 投票 0

如何突出显示Nav的部分?

我正在为自己的UX / UI程序编写自己的作品集。我用以下CSS设置了导航样式:.nav-links {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-column -...

回答 1 投票 0

我如何使用引导程序制作图像图块/网格/拼贴?

我正在尝试在网页上制作4张图片的图块,但看起来很乱。我不知道如何安排。我希望它覆盖页面的整个宽度,但高度为590px。我如何...

回答 1 投票 0

如何重复网格模板区域?

我对网格有问题。我想要创建这样的东西:我希望这个架构重复几次。但是我的代码不是flexie。 .grid {margin:0 auto;显示:网格; grid-template-columns:...

回答 1 投票 0

Comboine CSS Grid&Flexbox

需要您的帮助来解决此问题:)我开始研究HTML / Css,并且必须通过合并grid和flexbox获得相同的布局(附有图片)。你能告诉我我该怎么办!?当我添加...

回答 1 投票 -1

如何使用CSS网格干净地使用角路由

我在 :中有一个非常基本的布局:app.component.ts从'@ angular / core'导入{组件}; @Component({选择器:'app-root',templateUrl:'./app.component.html',styleUrls:...

回答 1 投票 1

CSS网格问题:我无法使外部网格容器填充整个页面

我确定这是一个小问题(也许是stuid问题),但我无法使其正常工作。我正在尝试在我的React项目中使用css网格,但是由于某些原因,在外部之外还有很大的余量。

回答 2 投票 0


为什么在应用position:fixed时我的标题(网格)会更改其布局?

我有一个标头,可以正常使用,直到我应用position:fixed;我正在与网格一起练习以完成初学者级别的freecodecamp项目。页眉是一个网格,具有两个并排的项目,...

回答 1 投票 0

网格项目与位置粘性重叠

我在Firefox的网格容器中遇到粘性物品问题。我创建了一个网格容器,每个容器有8个项目,每个项目100px:项目1粘在左侧项目8粘在右侧...

回答 2 投票 1

网格项目与位置粘性重叠

我在Firefox的网格容器中有粘性物品问题。我创建了一个网格容器,每个容器包含8个项目,每个项目100px:项目1粘在左侧项目8粘在右侧...

回答 1 投票 0

如何根据内容调整容器的大小而不重复相同的代码行?

我很少根据某些条件渲染组件,因此必须更改父容器的大小。 export const Container = styled.div` display:grid;字体家族:Nunito ...

回答 1 投票 1

当我将鼠标悬停在css中的图像上时出现文字

当我将鼠标悬停在每个图像上时,我试图使段落文本显示出来。文本应位于图像的中心。我不确定如何实现此目标。我有另一个问题...

回答 2 投票 0

[CSS网格布局,其列用作压痕边界无法按预期工作[重复]

我正在为我的网站创建一个基本的CSS网格。现在,它有3行。一个用于徽标和导航,另一个用于横幅图像,第三个用于文本内容。网格共有6列,其中两列...

回答 1 投票 0

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