css-grid

0熱度

1回答

如何創建卡片滾動像谷歌加網格，三列？我正在使用Material UI，但是我找不到這樣的功能？我已經嘗試過標準的材質UI網格，但它不工作。

0熱度

2回答

我想使用CSS網格系統製作我的網站，但它似乎不工作。這裏是我的代碼： .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" "about-us"; }

2熱度

1回答

CSS Grid中的柔性網格行高度

我在網格區域和溢出所定義區域的內容方面存在一些問題。在我的代碼如下，你可以看到藍色內容區域有足夠的內容，應該向下推綠色頁腳，但事實並非如此。我認爲這是與grid-template-rows屬性有關，但我不知道如何解決它。它甚至有可能嗎？我喜歡網格的內在靈活性，但是這個問題讓我難以理解，似乎讓所有事情都變得沮喪，這意味着我不能擁有那麼大一些的內容！我有以下幾點：codepen.io exam

0熱度

1回答

Css網格包裹列保持行高

我不確定這是否可以通過CSS網格和/或CSS Flexbox解決，但我想我會試試看，並在這裏問。 https://codepen.io/anon/pen/QMOWwr 在codepen你看到多個列的CSS網格，包裝當視太小。這是它應該做的，它真的很好用CSS網格是多麼容易。但是，我想要額外的是行高是相等的基於該行中最高的單元格。爲了說明這一點，我在每列一個小區，而<hr>元素，以模擬邊框加入了

1熱度

1回答

網格容器中的無限行

我想顯示無數的div。我希望每個div都在新行中。比如現在在包裝我設置： wrap { display: grid; grid-template-rows: repeat(4, [row] 25px); } 和每個格我設置： div1 { grid-row: "row" }, div2 { grid-row: "row 2"} ....等等我怎麼能在CSS中處

3熱度

1回答

CSS |網格自動列：min-content |不工作在IOS 10.3.3

有沒有替代這個，或者我應該恢復浮動並等到支持到達？ .grid_root { display: grid; grid-column-gap: 1px; grid-auto-flow: column; grid-auto-columns: min-content; } 樣品（在手機上使用全屏幕預覽）： https://plnkr.co/edit/c6Zn

0熱度

1回答

CSS電網內容中心

* { margin: 0; padding: 0; } .container { height: 100%; width: 100%; display: grid; grid-template-columns: 1fr 2fr; grid-template } h

0熱度

1回答

CSS4網格結構僞類填充（：第n列）

我有一個CSS網格佈局，我希望爲每個偶數列添加一個頁邊距。 :nth-column僞類將很好，但不會很快得到支持。是否有任何polyfills我可以使用或我必須寫我自己？

0熱度

2回答

CSS網格中的重疊圖像

我需要兩張圖片在CSS網格佈局中重疊而不會發生作弊，並且必須使用CSS網格完成。意味着它應該留在佈局單元格中。以下是我工作：「中間」應在畫面的中心，並在頁面上兩個中心，分別是「旗幟」胰島β細胞下面的CSS佈局應保持不變期望： .container { display: grid; grid-template-columns: 15% 70% 15%; grid-t

4熱度

3回答

不同高度的CSS網格單元

如何向上移動「內容」和「右」區塊？問題是我不能使用子嵌套網格。我不需要黑客：無邊距，因爲標題可以是不同的高度。沒有JavaScript。只有純CSS。如果可能的話。現在我的標記看起來像這樣： .wrapper { border: 1px solid red; display: grid; grid-template-columns: 1fr 2fr 1f