css-grid

    -2熱度

    1回答

    我知道我的HTML和CSS有點太多擴展,但是當我組合東西時它有更糟的錯誤。我的代碼是低於我所需要的是最後一個酒吧適合像另一個。我試圖改變該行的填充和邊距,以及完全重做我的網格。 #grid { margin: auto; display: grid; grid-template-rows: auto; width: 100%; }

    -5熱度

    2回答

    我在CSS中使用display = grid。它適用於Firefox的Chrome &,但它不適用於IE。任何CSS技巧或任何其他解決方案?

    0熱度

    2回答

    我一直在使用新的CSS網格佈局,有一件事情我似乎無法找到關於如何使圖像響應的信息?我試過使用媒體查詢並將圖像寬度設置爲100%,但圖像仍然在網格外溢出。我錯過了什麼?

    0熱度

    2回答

    我試圖在圖像上覆蓋h1,使用網格; 爲了獲得更好的對比度,我想在圖像上使用filter:brightness(80%) ,不幸的是,它完全消除了h1。 有沒有解決這個問題的方法? (沒有在CSS中的圖片網址粘貼) (filter被註釋爲您申請看看) body{ background: grey; margin: 10px; color: white;

    -3熱度

    1回答

    我有一個無限期的div元素(內容/網格項)。我希望他們能夠在CSS Grid的定義數量的列中進行佈局。 CSS Grid可以很容易地將它們放置出來。但是現在當元素已經到位時,我想以某種方式在結果網格的每一行中設置<div>。 把它看作是將表格的每一行都定義爲較暗的顏色。 這個問題可以概括地問:你可以設計一個CSS Grid的任意行/列嗎? 建議的情況: <div class="content-gr

    1熱度

    1回答

    在左邊欄「手風琴」下面的代碼片段應該可以在溢出時滾動,但不能在整個頁面上滾動。目前看起來整個頁面都是可滾動的,即使我只想讓手風琴溢出。 如果需要,內容頁應該溢出,但沒有整個頁面 /*Page Layout*/ .wrapper { display: grid; grid-gap: 10px; grid-template-columns: [co

    1熱度

    1回答

    當物品數量增加時,.button高度會發生變化。除grid-template-areas方法之外,網格佈局中是否還有其他解決方案? .my-wrap { display: grid; grid-template-columns: 25% 1fr; grid-gap: 0.5rem; width: 90%; margin: 50p

    0熱度

    4回答

    如何使用新的CSS網格技術創建類似引導程序的12列網格?任何人都可以告訴我演示如何做到這一點?我真的很困惑這種新技術。我想使用CSS網格製作一個簡單的12列網格狀引導程序。我的方法應該是什麼?

    1熱度

    2回答

    我有一個簡單的導航 <nav> <ul> <li><a href="">Home</a></li> <li><a href="">About</a></li> <li><a href="">Contact</a></li> </ul> </nav> ,我想其中的鏈接調整(水平)基於用戶設備上響應。這個nav放在網格容器的子網格容器(.clas

    -1熱度

    1回答

    尋找到網格佈局溶液使用IE11和邊緣 當前版本 期待對IE11 的間隙時我的意思是.button當右側內容增加需要避免時,高度是巨大的。 是否有可能避免IE11的這些差距& Edge? window.location = '#one'; .my-wrap { display: -ms-grid; display: grid; -ms-grid-column