使用CSS按鈕居中對齊并不困難，下面通過實例演示。
首先，我們先在HTML文件中加入一個按鈕：
然后，我們在CSS文件中設置該按鈕樣式并使其居中對齊：
解釋一下代碼：
- display: block; 將按鈕變為塊級元素，設置其寬度為100%。
- margin: auto; 設置左右外邊距為auto，使其自動居中對齊。
- border: 1px solid blue; 是為了方便查看居中效果，可以根據需要修改。
最后，再加上一句代碼將按鈕的字體大小設置為16px：
這樣我們就成功地將按鈕居中對齊了。完整代碼如下：
以上就是CSS按鈕居中對齊的方法，您可以根據自己的需求進行調整。
首先，我們先在HTML文件中加入一個按鈕：
<button class="centered-btn">Click Me!</button>
然后，我們在CSS文件中設置該按鈕樣式并使其居中對齊：
.centered-btn {
display: block; /* 將按鈕變為塊級元素 */
margin: auto; /* 自動居中對齊 */
border: 1px solid blue; /* 給按鈕添加邊框，方便查看居中效果 */
}解釋一下代碼：
- display: block; 將按鈕變為塊級元素，設置其寬度為100%。
- margin: auto; 設置左右外邊距為auto，使其自動居中對齊。
- border: 1px solid blue; 是為了方便查看居中效果，可以根據需要修改。
最后，再加上一句代碼將按鈕的字體大小設置為16px：
.centered-btn {
display: block;
margin: auto;
border: 1px solid blue;
font-size: 16px; /* 設置按鈕字體大小 */
}這樣我們就成功地將按鈕居中對齊了。完整代碼如下：
<!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按鈕居中對齊的方法，您可以根據自己的需求進行調整。
上一篇ajax執行script
下一篇ajax執行完畢刷新頁面