我希望在box2的每一行中都显示相同的box1文本

在前端开发中，可以通过CSS样式来实现在box2的每一行中都显示相同的box1文本。具体的实现方式如下：

1. 首先，给box1和box2分别添加一个共同的class，例如"box"。
2. 使用CSS中的flex布局，将box1和box2放在同一个父容器中。
3. 设置父容器的display属性为flex，并且设置flex-wrap属性为wrap，使得box2在一行放不下时自动换行。
4. 设置box1和box2的宽度为100%。
5. 设置box1的文本内容。
6. 使用CSS伪类选择器::before或::after，为box2的每一行添加一个伪元素。
7. 将伪元素的内容设置为box1的文本内容。

以下是示例代码：

HTML代码：

<div class="container">
  <div class="box box1">Box 1 Text</div>
  <div class="box box2">Box 2</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-wrap: wrap;
}

.box {
  width: 100%;
}

.box1 {
  /* 设置box1的文本内容 */
  /* 例如：content: "Box 1 Text"; */
}

.box2::before {
  content: attr(data-text); /* 使用伪元素的内容设置为box1的文本内容 */
}

通过以上代码，可以实现在box2的每一行中都显示相同的box1文本。需要注意的是，box1的文本内容需要通过CSS样式或JavaScript动态设置，以实现动态更新。