CSS中使用按鈕是非常普遍的，然而，很多人都會遇到一個問題：如何使按鈕實現(xiàn)上下居中？下面，我們將通過代碼演示來展示解決辦法。

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

代碼中，我們用到了flex布局的兩個屬性：align-items和justify-content屬性。align-items屬性用于設(shè)置元素在交叉軸上（縱向）的對齊方式，而justify-content屬性則用于設(shè)置元素在主軸上（橫向）的對齊方式。

在按鈕中，我們通過將display屬性設(shè)置為flex，并將align-items和justify-content屬性都設(shè)置為center，來實現(xiàn)按鈕的上下居中。同時，為保證按鈕的高度不會超出預(yù)設(shè)高度，我們還需要通過height屬性來設(shè)置按鈕的高度。

總體而言，使用flex布局是實現(xiàn)按鈕上下居中的較為簡便的方式，同時也能使按鈕的顯示效果更加美觀。希望本篇文章的代碼示例能為大家提供實用的技巧。