Css 如何使用一种样式制作网格？_Css_Grid

Css 如何使用一种样式制作网格？

css grid

Css 如何使用一种样式制作网格？,css,grid,Css,Grid,我需要简单的网格、两列和不确定的行数。可以用一种css样式制作吗？我不知道如何使用一个左栏和另一个右栏，但我真的想知道是否可以使用一种样式，以及如何使用一种样式，因为我的想法是，当我添加另一个条目时，它会自动移动到下一个“单元格”的前面。例如，A1的含量变为B1，B1变为A2等 Tnx 在这里使用表格是错误的。表格单元格不能放到下一行。相反，使用浮动或设置为display:inline block的div宽度接近50%。这样，当您添加更多时，它们将并排放置并成行堆叠下面是一个简单的例子： &

我需要简单的网格、两列和不确定的行数。可以用一种css样式制作吗？我不知道如何使用一个左栏和另一个右栏，但我真的想知道是否可以使用一种样式，以及如何使用一种样式，因为我的想法是，当我添加另一个条目时，它会自动移动到下一个“单元格”的前面。例如，A1的含量变为B1，B1变为A2等

Tnx

在这里使用表格是错误的。表格单元格不能放到下一行。相反，使用浮动或设置为

display:inline block的div宽度接近50%
。这样，当您添加更多时，它们将并排放置并成行堆叠
下面是一个简单的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style media="all">
* {margin:0; padding: 0;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.wrap {width: 80%; overflow: hidden; background: #f7f7f7; padding: 20px; margin: 20px auto;}
.wrap div {min-height: 200px; width: 48%; display: inline-block; padding: 20px; background: #e7e7e7; margin-bottom: 5px;}

</style>
</head>
<body>
<div class="wrap">
    <div>3</div>
    <div>2</div>
    <div>1</div>
</div>

</body>
</html>


*{边距：0；填充：0；}
*，*：之前，*：之后{-moz框大小：边框框；-webkit框大小：边框框；框大小：边框框；}
.wrap{宽度：80%；溢出：隐藏；背景：#f7f7f7；填充：20px；边距：20px自动；}
.wrap div{最小高度：200px；宽度：48%；显示：内联块；填充：20px；背景：#e7e7e7；边距底部：5px；}
3.
2.
1.
你能在这里发布你的图片吗？使用第n个孩子（偶数）和第n个孩子（奇数）不，我的声誉太低，无法发布图片。。。下面是最终结果的简单代码：A1 B1 A2 B2表格只是为了举例说明。Thanx Ralph，那正是我要找的东西！拉尔夫，当我用图片和文本填充div时，右边的会比左边的下移，除非我有相同数量的文本。我试着用固定的高度调平它，但它没有反应？啊，是的，我应该把它加进去。不管怎样，还是自己解决比较好。：）