vue中的横向排列三个空白列表框

您可以使用flex布局来实现Vue中的横向排列三个空白列表框。具体实现步骤如下：

1. 在Vue组件中定义三个空白列表框，使用flex布局使它们横向排列。

<template>
  <div class="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
  </div>
</template>

<style>
  .container {
    display: flex;
    flex-direction: row;
  }
  .box {
    flex: 1;
    height: 100px; // 设置列表框的高度
    margin: 0 10px; // 设置列表框之间的间距
    background-color: #f5f5f5; // 设置列表框的背景色
  }
</style>

2. 将每个列表框的宽度设置为相等的百分比，以便它们平均分配容器的宽度。

.box {
  flex: 1;
  width: 33.33%;
}

这样，您就可以在Vue中创建一个横向排列三个空白列表框的布局了。