在循环中每3列之后创建新行

是一种在前端开发中常见的布局需求。它通常用于展示数据或元素的列表，并希望在每行显示固定数量的列。

为了实现这个需求，可以使用以下方法之一：

1. 使用CSS的flexbox布局：通过设置父容器的display属性为flex，并使用flex-wrap属性来控制换行，可以实现在每3列之后创建新行的效果。具体代码如下：

<style>
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  .item {
    width: 33.33%;
  }
</style>

<div class="container">
  <div class="item">列1</div>
  <div class="item">列2</div>
  <div class="item">列3</div>
  <div class="item">列4</div>
  <div class="item">列5</div>
  <div class="item">列6</div>
  <!-- 继续添加更多列 -->
</div>

在这个例子中，每个列的宽度被设置为33.33%，这样在每行就会显示3列。

1. 使用CSS的grid布局：通过设置父容器的display属性为grid，并使用grid-template-columns属性来定义每列的宽度，可以实现在每3列之后创建新行的效果。具体代码如下：

<style>
  .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
</style>

<div class="container">
  <div class="item">列1</div>
  <div class="item">列2</div>
  <div class="item">列3</div>
  <div class="item">列4</div>
  <div class="item">列5</div>
  <div class="item">列6</div>
  <!-- 继续添加更多列 -->
</div>

在这个例子中，使用grid-template-columns属性设置每列的宽度为1fr，repeat(3, 1fr)表示重复3次1fr，即每行显示3列。

以上是两种常用的方法，可以根据具体需求选择适合的布局方式。在实际开发中，可以根据具体情况进行样式调整和优化。

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

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。
• 腾讯云云数据库 MySQL 版：提供稳定可靠的云数据库服务，适用于各种规模的应用。
• 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于图片、音视频、文档等多种类型的数据存储和管理。
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等领域。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网设备和应用。
• 腾讯云区块链服务（BCS）：提供安全高效的区块链服务，支持企业级应用场景。
• 腾讯云视频处理：提供强大的视频处理能力，包括转码、截图、水印等功能。
• 腾讯云移动开发：提供全面的移动开发解决方案，包括移动应用开发、移动推送、移动测试等服务。

以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来支持云计算和开发工作。