css-grid

4热度

3回答

有没有一种方法可以使CSS样式的网格模块中的网格线或网格间隙的宽度更大？在文档中我找不到任何关于它的内容，但是人们往往会认为这将是可能的，因为网格线往往在许多设计中被着色。如果这是不可能的，是否有解决方法？

1热度

1回答

这工作： * { box-sizing: border-box; } .parent { display: grid; /* grid-template-areas: "contact comments" "... button";*/ grid-template-rows: 12em;

2热度

1回答

是否可以继承/使用父母的列模板？

我想将孩子的元素放到其父母的网格中。一种方法是让孩子使用与父母相同的规则与grid-column: 1/4的所有列。这将会产生几行网格布局。所以最终的结果会很差。 .parent-wrapper { display: grid; grid-template-columns: auto auto auto; } .child-wrapper {

-1热度

1回答

具有网格布局的固定导航栏

我在实现网格布局时遇到了创建导航的麻烦。 https://codepen.io/Aeshtray/pen/BdqeZL 在移动视图，我希望导航栏为水平（作为编码），但固定的，而第一断点后，在500像素宽，我想被垂直地固定在左侧的导航栏侧。我已经尝试过设置position: fixed，但只能拼凑出整个布局。

2热度

1回答

引导 - 网格系统 - 折叠/展开只有一个项目连续

我在一个网格系统上开发，连续几个折叠项目。单击标题或缩略图时会触发折叠。现在的问题是：当我展开一行中的一个项目时，每个其他项目也自动展开，但扩展文本只显示在当前项目中。我想只有1项扩大和休息订购自理的网格系统：这IMG表明它目前是如何起作用：这也是我怎么想它采取行动：这里是我当前的代码小提琴： Fiddle HTML 1个项目的代码（仅因为需要对小提琴一些代码）： <div class

1热度

1回答

与编译格列问题少

有与财产问题 '格列' 的CSS： .someClass { grid-column: 1/4; } 少编译它在CSS的AS： .someClass { grid-column: 0.25; } 但它的效果很好： .someClass { grid-column-start: 1; grid-column-end: 4; } 我怎样才能正确

-1热度

2回答

内容不会留在Grid Wrapper中;固定侧边栏针对大屏幕

我试图做一个简单的响应布局网页，和遇到的两个问题：我试图让侧边栏（含头，导航和页脚）固定当使用宽度大于660px的屏幕时，将屏幕伸展到800px时，我注意到放入主容器的虚拟文本溢出。下面是部分代码： .wrapper{ display:grid; grid-template-columns: 1fr 4fr;} 全码： https://codepen.io/Aeshtray/pen/G

2热度

1回答

auto-fit和minmax（）在嵌套网格中不起作用

我有两个嵌套网格 - 一个用于布局，一个用于我的网站部分（假设它是商店中的商品清单）。我的布局网格为整个网站创建一个容器，包括导航栏，边栏，内容等。嵌套网格仅负责商品清单。问题是auto-fit和minmax函数在嵌套网格中不起作用。您可以查看this pen查看案例。首先，尝试更改内容的宽度，您将看到项目正在根据auto-fit算法更改其位置。但只要您取消对外部电网display: grid;

2热度

1回答

CSS卡灵活的行为

我目前正试图在不使用语义UI的情况下创建此效果。链接codepen：https://codepen.io/anon/pen/YxBOax <div class="ui container"> <div class="ui four cards stackable"> <div class="teal card">Card1</div> <div class="tea

2热度

2回答

元素CSS网不换

大家，漂亮的新进入网络的发展，我想学习如何使用CSS美丽网格工具，但实际上，我坚持这一点：我希望我的卡到下一行（与同列模板）中自动流一个接一个，但我实际上只看到在我的浏览器一卡。我想这个问题是我在vh.wrapper高度。我试过px和%，但我真的坚持找到解决方案。，如果有人有关于我对这个问题的想法，或任何评论我真的会喜欢（坏...还是不错的？）编码的方法！ /* Just some hor