css-grid

    1熱度

    3回答

    在CSS網格佈局中流暢地縮放項目

    我已經使用display: grid創建了一個佈局，我已經使用舊的padding-top技巧來獲得流體方形div，但我想知道是否有更好的方法來做到這一點，無論是與CSS網格或Flexbox。佈局應該看起來像，而不是使用JS。 https://codepen.io/anon/pen/GWzavX .o-container { margin: 0 auto; max-wid
    css css3 grid-layout css-grid 2017-04-03

    11熱度

    1回答

    與SCSS命名的CSS網格線

    我正在使用codepen.io中的新CSS Grid Layout system進行實驗。它有一個有趣的功能named grid lines，它允許爲列和行之間的網格線定義自定義名稱。不幸的是，我似乎無法獲得該功能，因爲SCSS不贊成[line-name]語法。 #container.named { grid-template-columns: [main-start] 100px [c
    css sass css-grid 2017-04-04

    4熱度

    2回答

    使用CSS flexbox或網格佈局的響應式圖片庫

    我正在使用Image-Gallery-Widget，用戶可以在其中設置縮略圖寬度，縮略圖高度和邊距（縮略圖之間），並且該小組件將呈現所有圖像縮略圖一個很好的網格，每個圖像具有相同的寬度和高度。 我想知道css-flexbox或css-grid是否可以在不需要在代碼中定義行和列而不需要斷點/媒體查詢的情況下實現這一點。 縮略圖圖像被包裹在一個錨，所以畫廊的項目（或併網項目）將是這個樣子： <a hr
    css flexbox css-grid 2017-02-21

    9熱度

    1回答

    vs CSS Grid和CSS模塊的代碼和智能感知

    我正在使用VS代碼實現使用CSS Grid和CSS模塊的項目。然而，當我嘗試這樣的事情 .loginRegisterDiv { composes: loginDiv; margin: 0px; width: 100%; } 我得到一個錯誤說，撰寫「未知財產」的撰寫。另外我正在使用CSS網格，並且在VS代碼中似乎沒有任何智能感知。我需要安裝擴展嗎？ 我正在使用ra
    css visual-studio-code intellisense css-grid css-modules 2017-02-28

    4熱度

    1回答

    對齊不同父容器的子元素

    我試圖在容器之間垂直對齊可變高度元素，即每個容器中的第一個元素彼此垂直對齊，每個容器中的第二個元素與對方垂直對齊，等等等。 我正在使用flexbox，但不知道這是甚至可能嗎？或者有可能使用CSS Grid？ 期望的結果 See demo在那裏我沒有設法得到它的工作呢。 main { display: flex; flex-wrap: wrap; } .
    html css css3 flexbox css-grid 2017-03-03

    3熱度

    1回答

    顯示：網格 - 百分比與分數

    我想了解如何使用display: grid。 這是我的例子： https://jsfiddle.net/Lycuuu95/ <style> body { padding: 2em; } .wrapper { display: grid; grid-template-columns: 30% 70%; grid-gap: 10px; } .sid
    html css html5 css3 css-grid 2017-01-18

    1熱度

    3回答

    什麼是正確的網格列聲明？

    我很困惑。我正在閱讀關於CSS中的網格。我正在讀一本書微軟，他們已經寫了下面的屬性： .container{ grid-columns: 1; } 但是，在一個視頻，我在YouTube上觀看，他們寫道： .container{ grid-template-columns: 1; } 哪一個是正確的？
    css css3 css-grid 2017-03-09

    0熱度

    1回答

    CSS3網格 - 爲什麼行不按每列/行定位

    我試圖用grid佈局設計帶有/ OK /向下/向左/向右按鈕的電視遙控器。問題在於結果對我來說是意想不到的。我只想定義3行3列，並在它們之間平均分配特定的位置和空間。我究竟做錯了什麼？該result看起來像這樣 Up left OK right down 而不是 Up | <left----OK---Right--> | Down 代碼 #gr
    css css3 css-grid 2017-03-18

    4熱度

    1回答

    CSS grid＆Sass

    CSS工作組成員Rachel Andrews在會議視頻中提到Sass與新的CSS網格規範兼容。那麼，有沒有人知道爲Sass的網格模板區域分隔「ASCII藝術」的語法？自從檢查了Sass文檔並且找不到任何東西（還）。我得到的錯誤涉及間距。欣賞社區中的任何指針。如果沒有，回的.css直到那時（：謝謝... .wrapper grid-template-areas: header
    css sass css-grid 2017-03-22

    1熱度

    2回答

    CSS網格 - 輸入不尊重填充

    我發現當使用CSS Grid Layoutinputs不尊重其包含元素的右側填充。具體來說，grid-template-colums css屬性似乎是罪魁禍首。 我發現這個問題，CSS Grid Layout放在一邊，通過應用box-sizing: border-box解決。雖然即使應用了這個和CSS重置，我似乎仍然無法解決這個問題。 這裏是我的作出反應的應用程序的行爲的縮寫代碼片段： http:
    css css-grid 2017-02-05
最新問題