CSS按鈕并排排列是非常常見的設計，能夠有效地提升網站的用戶體驗。下面介紹兩種實現方式。

.btn {
display: inline-block;
padding: 10px;
background-color: #f2f2f2;
border: none;
border-radius: 4px;
font-size: 16px;
color: #222;
text-decoration: none;
margin-right: 10px;
}

第一種方式是使用display: inline-block屬性。這個屬性能夠使按鈕在一行內并排排列，并且能夠保留按鈕的寬度值，不會將整個頁面壓縮。同時設置margin-right可以控制按鈕之間的距離。

.btn-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.btn-group .btn {
margin: 5px;
}

第二種方式是使用flex布局。首先，將一組按鈕放在一個容器中，比如div標簽，并設置容器的display: flex屬性，這樣容器的子元素會被自動排列在同一行上。其次，設置容器的flex-wrap: wrap屬性，可以使得容器承載更多按鈕時自動折行。最后，通過justify-content: center屬性，讓按鈕在水平方向上居中對齊。

無論采用哪種方式，都可以輕松實現CSS按鈕并排排列。這樣做不僅美觀大方，而且易于操控，能夠更好地提高用戶體驗。