当在div上使用ngFor时，如何在angular2中自动将项目打包成两列？有没有办法只用CSS就能做到这一点？

在Angular 2中，可以使用ngFor指令在div上循环渲染项目，并且可以通过CSS将项目打包成两列。

首先，在HTML模板中，使用ngFor指令循环渲染项目，并将项目包裹在一个父容器中，例如一个div元素。

<div class="container">
  <div *ngFor="let item of items" class="item">{{ item }}</div>
</div>

然后，在CSS样式文件中，可以使用CSS的列布局（column layout）来实现将项目打包成两列。可以通过设置父容器的列数和列宽度来实现。

.container {
  column-count: 2; /* 设置列数为2 */
  column-gap: 20px; /* 设置列之间的间距 */
}

.item {
  break-inside: avoid; /* 防止项目被分割到不同的列中 */
}

这样，使用ngFor指令循环渲染的项目就会被自动打包成两列显示。

优势：

• 使用ngFor指令可以方便地循环渲染项目。
• 使用CSS的列布局可以实现自动将项目打包成多列，无需手动计算和布局。

应用场景：

• 当需要将一组项目按照列布局展示时，可以使用这种方法。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发平台：https://cloud.tencent.com/product/mpt
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/product/um

请注意，以上链接仅供参考，具体选择产品时需要根据实际需求进行评估和决策。