在使用flex时，如何在HTML中添加新行？

在使用flex布局时，可以通过以下几种方式在HTML中添加新行：

使用<div>元素：通过添加一个新的<div>元素来创建一个新行。可以在已有的行内添加<div>元素，并为它们设置相应的样式属性，例如display: flex来实现flex布局。

示例代码：

<div class="flex-container">
  <div class="flex-item">Item 1</div>
  <div class="flex-item">Item 2</div>
</div>
<div class="flex-container">
  <div class="flex-item">Item 3</div>
  <div class="flex-item">Item 4</div>
</div>

使用<ul>和<li>元素：可以使用无序列表<ul>和列表项<li>来创建新行。同样可以为它们设置相应的样式属性来实现flex布局。

示例代码：

<ul class="flex-container">
  <li class="flex-item">Item 1</li>
  <li class="flex-item">Item 2</li>
</ul>
<ul class="flex-container">
  <li class="flex-item">Item 3</li>
  <li class="flex-item">Item 4</li>
</ul>

以上是两种常见的方式，在flex布局中添加新行。根据实际需求和设计，还可以使用其他HTML元素来实现添加新行的效果。