CSS按钮布局是网页设计中常用的一种布局方式，而按钮的居中显示则是网页设计中一个很关键、常见的问题。本文将介绍如何使用CSS来实现按钮的居中显示。

首先，我们需要将按钮放在一个容器中，并给容器设置居中样式。

.container{display:flex;justify-content:center;align-items:center;}

在容器中放置按钮，我们可以使用按钮元素或者链接元素来创建按钮，然后使用CSS样式来设计按钮的外观。

.button{display:inline-block;padding:10px 20px;background-color:#cfd8dc;color:#37474f;border-radius:5px;text-decoration:none;font-size:16px;text-align:center;cursor:pointer;}

接下来，将按钮放在容器中，这里使用按钮元素来创建一个按钮：

<div ><button >Click Me</button></div>

运行代码，我们可以看到按钮已经居中显示了。

如果使用链接元素来创建按钮：

<div ><a href="" >Click Me</a></div>

同样可以实现按钮的居中显示效果。

总之，使用CSS来实现按钮的居中显示非常简单，在网页设计中也是一种很常见的布局方式。如果您对CSS按钮布局还不是很了解，可以多多学习，开拓自己的设计思路。