vue中 一共有7个div的文字想要一行显示2个一共显示4行 怎么写style？

可以使用flex布局来实现一行显示2个div，并设置容器的高度为4倍行高即可。

HTML代码：

<div class="container">
  <div class="item">Text 1</div>
  <div class="item">Text 2</div>
  <div class="item">Text 3</div>
  <div class="item">Text 4</div>
  <div class="item">Text 5</div>
  <div class="item">Text 6</div>
  <div class="item">Text 7</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-wrap: wrap;
  height: 4em; /* 行高的4倍 */
}

.item {
  flex-basis: 50%; /* 一行显示2个div */
  text-align: center;
  line-height: 1em; /* 行高 */
}

这样就可以实现一行显示2个div，一共显示4行的效果