CSS中讓按鈕上下左右居中，可以通過使用flexbox布局來實(shí)現(xiàn)，以下是一個(gè)示例代碼：

HTML代碼：

<div class="container">
  <button class="button">按鈕</button>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 垂直居中 */
}
.button {
  padding: 10px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #000;
  font-size: 16px;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的div，用于包含我們的按鈕，我們將container的display屬性設(shè)置為flex，這將使其成為一個(gè)彈性容器，我們使用justify-content屬性將按鈕在水平方向上居中，使用align-items屬性將按鈕在垂直方向上居中，我們?cè)O(shè)置height屬性為100vh，這將使container的高度等于視口的高度，從而實(shí)現(xiàn)完全的垂直居中。

對(duì)于按鈕樣式，我們添加了基本的樣式，如填充、邊框、邊框半徑、背景顏色和文字顏色等，您可以根據(jù)自己的需求調(diào)整這些樣式。