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