如何在同一行显示结果

<div class="container">
  <div class="result">结果1</div>
  <div class="result">结果2</div>
  <div class="result">结果3</div>
</div>

.container {
  display: flex;
}

.result {
  flex: 1;
  /* 根据需要设置样式 */
}

<div class="container">
  <div class="result">结果1</div>
  <div class="result">结果2</div>
  <div class="result">结果3</div>
</div>

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
}

.result {
  /* 根据需要设置样式 */
}

/* 或者使用grid-column指定子元素所占据的列数 */
.result:nth-child(1) {
  grid-column: 1;
}
.result:nth-child(2) {
  grid-column: 2;
}
.result:nth-child(3) {
  grid-column: 3;
}