Javascript 如何将动态生成的内容安排在高度相等的两列中？

嗨，下面是我得到的输出专业是标题。就让它在那里吧

我需要将标题后出现的内容安排在两列中。

我用过。当我在XSLT上开发页面时，我无法使用XML上表示的HTML初始化。在使用Javascript初始化时，该功能仅适用于第一部分，即仅适用于专业下的内容。我在一个页面中有更多类似于专业的部分

有没有人想得到下图所示的输出

更新：我已经尝试了jquery初始化，它只在我检查网页时对所有人有效：

代码如下：

<div class="MenuItemListDesc">
    <div class="MenuListItem">
      <h4>Ranch One Classic</h4>
      <p>Flame-grilled chicken, dressed mixed greena and roastedred pepper sauce on a toasted hoagie roll</p>
    </div>
    <div class="MenuListItem">
      <h4>Grilled Chicken & Cheese</h4>
    </div>
    <div class="MenuListItem">
      <h4>Spice Grilled Chicken</h4>
    </div>
    <div class="MenuListItem">
      <h4>Grilled Chicken Philly</h4>
      <p>Flame-grilled chicken, mozzarella, sauteed peppers and onions on a toasted hoagie roll</p>
    </div>
    <div class="MenuListItem">
      <h4>Teriyaki Chicken Sandwich</h4>
      <p>Flame-grilled chicken, grilled pineapple, lettuce and sweet teriyaki sauce on a toasted hoagie roll</p>
    </div>
    <div class="MenuListItem">
      <h4>Crispy Chicken Sandwich</h4>
      <p>Season, breaded chicken, romaine, tomatoes and mayonnaise ona toasted hoagie roll</p>
    </div>
    <div class="MenuListItem">
      <h4>Grilled Chicken Club</h4>
    </div>
  </div>

这是我的页面：

您可以在每个部分的查看项目链接中找到它 谢谢

您可以使用CSS属性

.MenuItemListDesc {
   -webkit-column-count:2; 
   -moz-column-count:2; 
   column-count:2; 
}

---

演示：

JavaScript通常用于HTML而不是图片。你能发布你的（）HTML、CSS和JavaScript吗？理想情况下，一个或类似的演示也会很有用。我要一个

Teriyaki鸡肉三明治

请。@ntgCleaner如果我得到了输出，我想给你…：）@Abuisac你尝试过简单的列计数CSS:？@Yuriy Galanter这对我有帮助。。。非常感谢你。所以我使用列计数。再次感谢

.MenuItemListDesc {
   -webkit-column-count:2; 
   -moz-column-count:2; 
   column-count:2; 
}