css-grid

    2热度

    2回答

    我有一个包含16个网格项目的网格。 我想要第一行取4格子项,第二行3,第三行2和第四行7.我希望它们中的每一个均匀间隔,以便它们占据所有可用空间。 我可以在某种程度上通过指定grid-template-columns中的数字(即12)和在网格项上使用grid-column-end: span-*来实现此目的。然而,这对于我希望7个项目均匀分布的行是不够的。 对电网项目使用grid-column-e

    1热度

    1回答

    我想了解HTML结构如何影响CSS Grid Layout Module规范。我正在使用启用了实验性功能的Chrome Canary。 附加的代码按预期工作,但将nav和search仅放置在标记标记中用于语义抛出CSS网格放置。 我错过了什么能够使用CSS网格模块,并仍然保持我的语义标题包含导航,品牌和搜索包裹在我的标题标记? html { box-sizing: border-bo

    1热度

    1回答

    我正在调查CSS网格,我遇到了一些奇怪的事情。我想要3列:1和3是150px宽,其余2。这应该是可能的,我想,但没有奏效: grid-template-columns: 150px auto 150px; 所以我想这一点,并没有工作,但傻: grid-template-columns: 150px calc(100% - 300px) 150px; 然后我碰到这个例子来:http://gr