css-grid

2熱度

2回答

佔用可用水平空間的網格項目

我有一個包含16個網格項目的網格。 我想要第一行取4格子項，第二行3，第三行2和第四行7.我希望它們中的每一個均勻間隔，以便它們佔據所有可用空間。 我可以在某種程度上通過指定grid-template-columns中的數字（即12）和在網格項上使用grid-column-end: span-*來實現此目的。然而，這對於我希望7個項目均勻分佈的行是不夠的。 對電網項目使用grid-column-e

css css-grid 2017-01-15

---

1熱度

1回答

爲什麼我的HTML結構不能使用CSS網格佈局？

我想了解HTML結構如何影響CSS Grid Layout Module規範。我正在使用啓用了實驗性功能的Chrome Canary。 附加的代碼按預期工作，但將nav和search僅放置在標記標記中用於語義拋出CSS網格放置。 我錯過了什麼能夠使用CSS網格模塊，並仍然保持我的語義標題包含導航，品牌和搜索包裹在我的標題標記？ html { box-sizing: border-bo

html css css-grid 2015-05-30

---

1熱度

1回答

CSS網格自動（休息）大小不適用於我

我正在調查CSS網格，我遇到了一些奇怪的事情。我想要3列：1和3是150px寬，其餘2。這應該是可能的，我想，但沒有奏效： grid-template-columns: 150px auto 150px; 所以我想這一點，並沒有工作，但傻： grid-template-columns: 150px calc(100% - 300px) 150px; 然後我碰到這個例子來：http://gr

css css3 css-grid 2015-09-26

---