在網(wǎng)頁(yè)設(shè)計(jì)中，按鈕是非常常見(jiàn)的元素。而有時(shí)候我們需要將兩個(gè)按鈕并排放置，以便用戶選擇。下面將介紹兩個(gè)常用的實(shí)現(xiàn)方式。

.button-wrapper {
display: flex;
flex-direction: row;
}
.button {
padding: 10px 20px;
background-color: #2196F3;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 5px;
cursor: pointer;
}
.button:hover {
background-color: #0b7dda;
}

以上是一種使用flex布局的實(shí)現(xiàn)方式，將兩個(gè)按鈕放在一個(gè)帶有flex屬性的容器中，并設(shè)置它的方向?yàn)闄M向（即row），這樣兩個(gè)按鈕就會(huì)并排排列。同時(shí)，還需要設(shè)置按鈕的一些樣式，如顏色、文字大小和邊距等。

.button1 {
float: left;
margin-right: 10px;
padding: 10px 20px;
background-color: #2196F3;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.button2 {
float: left;
padding: 10px 20px;
background-color: #E91E63;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.button1:hover {
background-color: #0b7dda;
}
.button2:hover {
background-color: #c2134c;
}

另一種實(shí)現(xiàn)方式是使用浮動(dòng)屬性，將第一個(gè)按鈕向左浮動(dòng)，第二個(gè)按鈕緊跟其后，從而實(shí)現(xiàn)并排排列的效果。同樣，也需要為按鈕設(shè)置樣式，包括顏色、文字大小和邊距等。

以上兩種實(shí)現(xiàn)方式都可以達(dá)到將兩個(gè)按鈕并排的效果。具體選擇哪種方式，可以根據(jù)具體場(chǎng)景的需要來(lái)定。使用flex布局的方式可以讓布局更加靈活，而使用浮動(dòng)屬性的方式則可以較為簡(jiǎn)單地實(shí)現(xiàn)并排排列效果。