CSS中的按钮居中 在网页设计中，按钮是非常重要的元素之一。但是，让按钮居中是一件让人很头疼的事情。在这篇文章中，我们将介绍如何使用CSS让按钮水平居中。 首先，让我们看一下HTML代码：

以下是一个按钮的HTML代码
按钮

接下来，我们将使用CSS来让这个按钮水平居中。可以使用以下代码：

将按钮居中
按钮

在上述CSS代码中，我们使用了"display:block"来使得按钮成为块级元素，这使得它可以占满整行。然后，我们使用了"margin:0 auto"来设置上下间距为0，并将左右间距设置为自动，以使按钮水平居中。 还有一种方法是使用Flexbox。可以在按钮的父级元素上使用flex布局：

使用flexbox来居中按钮
按钮

在上述代码中，我们使用"justify-content:center"来使父级元素居中，并使得子元素即按钮水平居中。同时，我们还可以使用align-items来让子元素垂直居中。 总结 CSS中让按钮居中可以使用"display:block; margin:0 auto"或Flexbox布局。无论您使用哪种方法，都应该记住为按钮设置父级元素，并在该元素上设置样式。这将确保按钮在屏幕上居中，并在任何浏览器中都能正常工作。