-
0 votesanswersviews
尝试在CSS网格中添加图像
我怎样才能将图像放入CSS网格？ 这就是我要做的所有事情，无法弄明白 . This was my attempt at a CSS Grid: https://jsfiddle.net/g6oaht8f/72/ 但它没有像我预期的那样工作 . 此处无法在图像上查看网格 . 如果网格是可见的，那么这些线将是 Red . Full Code: https://jsfiddle.net/g6oaht8... -
0 votesanswersviews
如何在网格中的列间隙区域内绘制分隔符
在这里写了一个jsbin https://jsbin.com/famuyodeye/2/edit?html,output <style> .grid-container { display: grid; grid:100%/1fr 1fr; grid-gap: 10px; margin: 10px; } ... -
0 votesanswersviews
Balenciaga登陆页面
所以我只是试着玩css网格 . 我想知道如何设置div高度，使其适合像here（女性，所有，男性）的页面 . 这就是我到目前为止所拥有的 . 当你滚动时，还有一个命令或什么东西，没有滚动条，页面只是滑动，页脚滑入 .wrapper>div { background: #eee; padding: 5px; border: #000 1px solid; bor... -
1 votesanswersviews
css网格图像响应
我正在尝试制作小网格图像 . 在桌面上我想要每列3个图像，在移动设备上每列需要2个图像 . 这样做我没有问题 . 当我将页面大小缩小到移动大小时，问题就开始了 . 图像按正确顺序排列，但它们不缩小，它们保持原始尺寸，右边的图像从网格中出来（你看不到它的一半） . 我尝试了最大宽度：100％，宽度：100％等 . 没有工作 . .sponsors1 { display: grid; grid... -
2 votesanswersviews
如何将多行 Headers 与CSS中的 Headers 基线对齐
我试图在大型菜单中对齐 Headers 的基线时遇到问题 . /* Presentational bits */ .add-divider { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-botto... -
19 votesanswersviews
CSS Grid中的justify-self，justify-items和justify-content之间的区别
我真的很困惑 . 在查找在线资源和文档时，这些属性的大多数文档似乎都引用了Flex-box，而不是grid . 我不知道Flex-box中等效属性的文档对网格的适用性如何 . 所以，我尝试引用https://css-tricks.com/snippets/css/complete-guide-grid/，它定义如下： justify-items - 沿着行轴对齐网格项内的内容 justify-... -
5 votesanswersviews
使用CSS flexbox或网格布局的响应式图库
我正在开发一个Image-Gallery-Widget，用户可以在其中设置缩略图宽度，缩略图高度和边距（缩略图之间），小部件将在一个漂亮的网格中显示所有图像-thumnails，其中每个图像具有相同的宽度和高度 . I am wondering whether css-flexbox or css-grid makes this possible without the need to defin... -
1 votesanswersviews
居中网格项[重复]
这个问题在这里已有答案： Aligning grid items across the entire row/column (like flex items can) 2个答案 Centering in CSS Grid 5个答案 我一直在努力解决这个问题......看起来很简单，但是我很遗憾...... 我试图把粉红色的盒子放在紫罗兰色的盒子里面 . 如果有人能帮助它将是一种祝福 这... -
7 votesanswersviews
具有CSS网格和自动调整minmax的完全响应项目
使用 grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)) 可以轻松构建响应式CSS网格 . 容器将填充适合行的任意数量的元素，而不使用媒体查询 . .container { display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fit, min... -
67 votesanswersviews
CSS-only砌体布局
我需要实现一个相当普遍的磨坊砌体布局 . 但是，出于多种原因，我不想使用JavaScript来执行此操作 . 参数： 所有元素都具有相同的宽度 元素的高度无法在服务器端计算（图像加上各种文本量） 如果必须，我可以使用固定数量的列 有一个简单的解决方案，适用于现代浏览器，the column-count property. 该解决方案的问题是元素按列排序： 虽然我需要按行排序元素... -
1 votesanswersviews
对齐网格列
我正在尝试创建一个博客模板 . section#header 使用 flexbox 制作 . section.main 是用 css grid 制作的 . 问题出在 div.most-read （我've changed it' s bg为红色） . 我期待它在 div.ad 下是20px（网格间隙），然而，它似乎低于预期的位置 . 怎么了？总体代码改进的任何想法？附：由于缺乏文字而无法发...