css-grid 相关问题

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

尝试在CSS网格中添加图像

我怎样才能将图像放入CSS网格中?这就是我要做的所有事情,无法弄明白。这是我在CSS网格上的尝试:https://jsfiddle.net/g6oaht8f/72/但它没有用......

回答 1 投票 0

如何设置项目之间的空间?

是否可以在flex中的项目之间设置空格?案例场景:我有一种表/网格我不希望项目增长(flex-grow:0)我不想要空间项目如果没有足够的......

回答 2 投票 1

将max-height设置为兄弟div的最低高度

我知道如何匹配div的高度,它没有太多的内容,以匹配他们的高度与使用flex的内容最多的div。现在,我希望将hight与最低内容相匹配。为......

回答 3 投票 0

由grid-auto-rows创建的网格行不会拉伸父网格

我正在尝试制作灵活的布局,以便为添加的其他内容延伸。 .parent {min-height:500px;边框:1px固体;显示:网格; grid-template-rows:100px 1fr; } ....

回答 2 投票 2

Edge和IE CSS网格兼容性

我最近使用CSS Grid重新开发了我的网站。它适用于我尝试过的所有浏览器,除了Edge&IE,其中行高是巨大的。我也尝试过Autoprefixer没有运气。显示器 ...

回答 1 投票 0

如何在css网格的单元格中对齐元素?

body {margin:0 auto;最大宽度:60%; } textarea,输入,选择{width:100%; / *扩展网格项的宽度* / box-sizing:border-box; / *包括宽度的填充/边框* / ...

回答 1 投票 0

如何使用隐藏在1fr网格元素上的溢出

所以我有这个基本设置:https://jsfiddle.net/qg6vm05p/1/ canvas {background-color:blue; }#grid1 {grid-template-rows:1fr; }#grid2 {background-color:black;显示:...

回答 1 投票 1

如何修复响应大小的砌体

我有一个简单的CSS砌体,当我减小屏幕尺寸时,第二个块(item2)的尺寸太小。如何使用媒体查询或不使用媒体查询将块的大小更改为全宽? body {font -...

回答 1 投票 1

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