css 10个按钮纵向排放一行只有1个按钮

如果你想要将10个按钮纵向排列，但每行只有一个按钮，你可以使用CSS的display: flex和flex-direction: column属性来实现。

HTML代码：

<div class="button-container">
  <button>按钮1</button>
  <button>按钮2</button>
  <button>按钮3</button>
  <button>按钮4</button>
  <button>按钮5</button>
  <button>按钮6</button>
  <button>按钮7</button>
  <button>按钮8</button>
  <button>按钮9</button>
  <button>按钮10</button>
</div>

CSS代码：

.button-container {
  display: flex;
  flex-direction: column;
}

这样，按钮就会纵向排列，并且每行只有一个按钮。