[分享]css中如何让按钮居中

CSS是一种用于网页美化的语言，能够让网站更加漂亮，让用户更加舒适。在CSS中，我们可以很方便地让各种HTML元素排列和布局。本篇文章将介绍如何让按钮居中。有时候，我们会发现按钮显示在页面的左侧或右侧...

CSS是一种用于网页美化的语言，能够让网站更加漂亮，让用户更加舒适。在CSS中，我们可以很方便地让各种HTML元素排列和布局。本篇文章将介绍如何让按钮居中。

有时候，我们会发现按钮显示在页面的左侧或右侧，而不是居中。这时候，我们需要使用CSS的居中属性来解决这个问题。

在CSS中，我们用margin属性来控制元素的边距，auto作为值时，可以将元素居中。以下是实现按钮居中的代码：

button {
  display: block;
  margin: auto;
} 

以上代码中，我们使用了CSS的display属性，将按钮设置成块级元素，并将margin的值设置为auto，这样就可以让按钮在水平方向上居中了。

总而言之，如果想要让按钮居中，在CSS中使用display: block;和margin: auto;即可。