使用CSS按鈕居中對(duì)齊并不困難，下面通過(guò)實(shí)例演示。
首先，我們先在HTML文件中加入一個(gè)按鈕：
然后，我們?cè)贑SS文件中設(shè)置該按鈕樣式并使其居中對(duì)齊：
解釋一下代碼：
- display: block; 將按鈕變?yōu)閴K級(jí)元素，設(shè)置其寬度為100%。
- margin: auto; 設(shè)置左右外邊距為auto，使其自動(dòng)居中對(duì)齊。
- border: 1px solid blue; 是為了方便查看居中效果，可以根據(jù)需要修改。
最后，再加上一句代碼將按鈕的字體大小設(shè)置為16px：
這樣我們就成功地將按鈕居中對(duì)齊了。完整代碼如下：
以上就是CSS按鈕居中對(duì)齊的方法，您可以根據(jù)自己的需求進(jìn)行調(diào)整。
首先，我們先在HTML文件中加入一個(gè)按鈕：
<button class="centered-btn">Click Me!</button>
然后，我們?cè)贑SS文件中設(shè)置該按鈕樣式并使其居中對(duì)齊：
.centered-btn {
display: block; /* 將按鈕變?yōu)閴K級(jí)元素 */
margin: auto; /* 自動(dòng)居中對(duì)齊 */
border: 1px solid blue; /* 給按鈕添加邊框，方便查看居中效果 */
}解釋一下代碼：
- display: block; 將按鈕變?yōu)閴K級(jí)元素，設(shè)置其寬度為100%。
- margin: auto; 設(shè)置左右外邊距為auto，使其自動(dòng)居中對(duì)齊。
- border: 1px solid blue; 是為了方便查看居中效果，可以根據(jù)需要修改。
最后，再加上一句代碼將按鈕的字體大小設(shè)置為16px：
.centered-btn {
display: block;
margin: auto;
border: 1px solid blue;
font-size: 16px; /* 設(shè)置按鈕字體大小 */
}這樣我們就成功地將按鈕居中對(duì)齊了。完整代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>Centered Button</title>
<style>
.centered-btn {
display: block;
margin: auto;
border: 1px solid blue;
font-size: 16px;
}
</style>
</head>
<body>
<button class="centered-btn">Click Me!</button>
</body>
</html>以上就是CSS按鈕居中對(duì)齊的方法，您可以根據(jù)自己的需求進(jìn)行調(diào)整。