Questions tagged «grid-layout»

我有一个简单的flex-box布局，其中包含一个容器： .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } 现在，我希望最后一行中的项目与另一行对齐。justify-content: space-between;应该使用网格，因为可以调整网格的宽度和高度。 目前看起来像 在这里，我希望右下角的项目在“中间列”中。最简单的方法是什么？这是一个显示此行为的小jsfiddle。 .exposegrid { display: flex; flex-flow: row wrap; justify-content: space-between; } .exposetab { width: 100px; height: 66px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, …

378 css  flexbox  grid-layout 

我必须使用网格在Android中实现照片浏览器。因此，我想知道GridView和GridLayout之间的区别。 这样我就选对了。 目前，我正在使用GridView动态显示图像。

212 android  grid  android-gridview  grid-layout 

我敢肯定有一个解决此问题的简单方法。基本上，如果我有两列，如何在它们之间添加一个空格？ 例如，如果html是： <div class="col-md-6"></div> <div class="col-md-6"></div> 输出将是彼此相邻的两列，占据了页面的整个宽度。假设将宽度设置为，1000px则每个div都会很500px宽。 如果我想在100px两者之间留出空间，该如何实现？显然，通过引导程序自动使div大小成为450px补偿大小的每个大小

201 html  css  twitter-bootstrap-3  grid-layout 

Наэтотвопросестьответына 堆栈溢出нарусском：Сеткаизадаптивных（响应）квадратов 我想知道如何创建具有响应正方形的布局。每个正方形将具有垂直和水平对齐的内容。具体示例显示在下面...

170 html  css  responsive-design  grid-layout  aspect-ratio 

TL; DR：table-layout: fixed CSS网格有什么类似的东西吗？ 我试图用几个月的大4x3网格创建年视图日历，而白天则嵌套7x6网格。 日历应填满页面，因此Year网格容器的宽度和高度分别为100％。 .year-grid { width: 100%; height: 100%; display: grid; grid-template: repeat(3, 1fr) / repeat(4, 1fr); } .month-grid { display: grid; grid-template: repeat(6, 1fr) / repeat(7, 1fr); } 这是一个工作示例：https : //codepen.io/loilo/full/ryXLpO/ 为简单起见，该笔中的每个月都有31天，从星期一开始。 我还选择了一个可笑的小字体来演示该问题： 网格项（=日单元格）非常简洁，因为页面上有数百个。当日期数字标签过大（可以使用左上角的按钮随意使用笔中的字体大小）时，网格的大小就会增大，并超过页面的主体尺寸。 有什么办法可以防止这种行为？ 我最初宣布年份网格的宽度和高度为100％，所以这可能是起点，但是我找不到任何与网格相关的CSS属性都可以满足这一需求。 免责声明：我知道有很简单的方法可以设置日历的样式，而无需使用CSS网格布局。但是，这个问题更多地是关于该主题的常识而不是解决具体示例。

153 css  grid-layout  css-grid 

我认为使用Flexbox无法实现这一点，因为每一行只能是适合其元素的最小高度，但是可以使用更新的CSS Grid来实现吗？ 明确地说，我希望网格中所有行的所有元素的高度相等，而不仅仅是每行的高度都相等。基本上，最高的“单元格”应规定所有单元格的高度，而不仅仅是其行中的单元格。

98 css  flexbox  grid-layout  css-grid 

我不知道如何使引导列是这样的： col 3 | col 4.5 | col 4.5

80 twitter-bootstrap  twitter-bootstrap-3  multiple-columns  grid-layout