css-grid

-1熱度

1回答

我創建了一個帶有圖像的網格，就像我在項目中使用了flexbox一樣。 .container { box-sizing: border-box; margin: 0 auto; max-width: 1156px; width: 100%; display: flex; flex-wrap: wrap;

1熱度

1回答

在CSS網格列中限制內容寬度

我遇到了CSS網格的困惑問題。我有一個2列的網格，第一個是100px，第二個是適合剩下的（grid-template-columns: 100px auto）。一切正常。但是如果第二列有一個特大的元素，第二列的寬度是溢出的。我試圖使用最大寬度，但它不起作用。這裏是我的小提琴，請查看：https://jsfiddle.net/truongwp/ka54e7u4/1/ .container {

0熱度

3回答

CSS網格佈局與其他佈局系統有什麼不同？

什麼樣Bootstrap或其他類似的佈局或CSS FlexboxCSS TablesCSS Grid Layout和現有的布點框架之間的差異（不 HTML表格，我知道他們都應該是僅用於表中的內容）？它是什麼概念，它包含哪些用例？

0熱度

2回答

如何解釋CSS文檔符號？

我瞭解CSS Grid佈局和the article使用如下標記： repeat([ <positive-integer> ] , [ <line-names>? <track-size> ]+ <line-names>?) 我對[] <> ? + 平均不清楚這是符號標準或有名字嗎？如果是這樣，我可以在哪裏學習如何解釋？

1熱度

1回答

我無法在另一個頂部顯示div（IE11問題）

需要關於將div浮動到另一個上的幫助。我遇到了IE11的問題，因爲它會將其他div放在底部而不是橫向移動。基本上這整個問題都是div不正確的浮動，我只是認爲有人可能已經經歷過這一點。附加我的代碼片段。請懸停點擊我 #row1:hover { \t top:0px; \t z-index:1; \t width:450px; \t position:relative;

1熱度

1回答

如何在Ionic3中創建此佈局

我想創建佈局波紋管，我試圖使用css padding: 0;但我仍然得到一些填充和邊距。第二個圖像是我所得到的。爲佈局 <ion-content class="home"> <ion-grid> <ion-row> <ion-col> <img src="assets/Instrumentitem1.png" alt=""> <p>Ba

0熱度

1回答

如何追蹤導致網頁水平滾動的元素？

由於使用不同的電網系統開發負責網頁，我有時面對的問題是，某些要素的溢出，從而有問題的尺寸/墊襯/利潤率使頁面水平滾動。我發現它有時與點&點擊（選擇鉻元素工具）難以追蹤這些元素，因爲 - 不知道爲什麼 - 他們有時不可選。怎會快速識別行爲異常的元素呢？

2熱度

1回答

Flex內容可以強制父網格元素的寬度嗎？

我有一個全寬度的組件，它由三部分組成：一個寬度由其固定內容（一個字符串）驅動的中央元件和兩個距離該中央元件的左右兩個窗格，。要做到這一點一種方法是使用一個grid顯示器，並設置列作爲grid-template-columns: 1fr auto 1fr;： #container { display: grid; grid-template-columns: 1fr

2熱度

1回答

如何先填充列然後用css網格響應地填充行？

我有一個動態的項目列表，我想要顯示。我希望他們填充網格的第一行，根據需要添加列，直到該行適合容器。接下來，它應該填充第二行，然後填充第三行，等等。我不關心訂單，但它是很好的，從上到下，逐列顯示的項目如下所示： 1 4 2 5 3 6 父容器沒有固定的高度。下面是它的樣子：這是有效的，但我必須明確指定行數。有沒有辦法做到這一點，而不顯式指定行/列？ Codepen 這是我想的網格中填充的順

3熱度

2回答

CSS Grid Flow不同大小的塊

是否可以創建一個CSS網格，以允許不同大小的內容塊與其他塊沒有固定的起始位置流動？這裏是我的測試 HTML <div class="grid"> <div class="item">Small 1</div> <div class="item">Small 2</div> <div class="item large">Large 1</div> <di