Javascript 在HTML中以两列显示提要

所以我有一个博客文章提要。我希望提要出现在我的主页上，分为两列

-----------------------
Recent     | 4th Recent
2nd Recent | 5th Recent
3rd Recent | 6th Recent
-----------------------

我使用的材料设计，从，并获得饲料成功。 问题只是将它对齐成两列

-----------------------
Recent     | 4th Recent
2nd Recent | 5th Recent
3rd Recent | 6th Recent
-----------------------

下面是允许我在单个列中显示项目的HTML代码

<table id="blogPostTable"><tbody id="blogPostBody"></tbody></table>

CSS允许我最多只显示3个，因为太多只会造成混乱

因此，在我当前的JavaScript中，它为每个博客帖子生成一个TR和一个TD。如果我在其中添加另一个TD元素，网格的顺序将不同

---

现在，我如何按照指定的顺序将其分成两列？我想我应该从CSS开始，将第n个子项更改为7…？

如果您可以使用CSS3，那么就有一个函数可以按您需要的方式拆分段落

最好、最干净的方式是这样的结构：

<div id="collection">
    <div>title,description,comments</div>
    ....
    </div>

标题、描述、评论
....

---

根据W3的例子，学校将该规则应用于id收集。表不起作用。

一种方法可能是这样排一行：

<div class="row">
    <div class="col s6"></div>
    <div class="col s6"></div>
</div>

然后在列中填入帖子。继续向第一列添加帖子，当第一列满时，开始填充第二列。如果您有十篇文章，并且希望在第一篇文章中放五篇，那么一个简单的方法是在success函数中添加一个计数器，如果<5，则将其追加到第1列，否则追加到第2列

（没有使用materialize，所以不确定s6是否是正确的类，或者是否需要其他内容，但想法是分成两列，每列6格宽。）

---

然后你也可以去掉表格，但是如果你需要文章也垂直对齐的话，这就行不通了。

行得通。太神了我将

each（function（）{…}）

更改为

each（function（eachCounter）{if（eachCounter>2{]else{]…}）

<div class="row">
    <div class="col s6"></div>
    <div class="col s6"></div>
</div>