CSS中使用按钮是非常普遍的，然而，很多人都会遇到一个问题：如何使按钮实现上下居中？下面，我们将通过代码演示来展示解决办法。

button {display: flex;align-items: center;justify-content: center;height: 40px;}

代码中，我们用到了flex布局的两个属性：align-items和justify-content属性。align-items属性用于设置元素在交叉轴上（纵向）的对齐方式，而justify-content属性则用于设置元素在主轴上（横向）的对齐方式。

在按钮中，我们通过将display属性设置为flex，并将align-items和justify-content属性都设置为center，来实现按钮的上下居中。同时，为保证按钮的高度不会超出预设高度，我们还需要通过height属性来设置按钮的高度。

总体而言，使用flex布局是实现按钮上下居中的较为简便的方式，同时也能使按钮的显示效果更加美观。希望本篇文章的代码示例能为大家提供实用的技巧。