CSS如何使兩個按鈕豎著顯示

在網頁中，我們經常需要在頁面上放置一些按鈕，這些按鈕需要豎著顯示。這時，我們可以使用CSS的`text-align`屬性來使按鈕垂直居中。除此之外，我們還可以使用CSS的`position`屬性來設置按鈕的位置，以及`top`和`bottom`屬性來調整按鈕的高度。

下面是一個簡單的示例，展示了如何使用CSS使兩個按鈕豎著顯示：

```html

<button type="button" id="myButton">點擊我</button>

<button type="button" id="myButton2">點擊我2</button>

```css

#myButton {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

color: #fff;

padding: 10px;

text-align: center;

#myButton2 {

position: absolute;

top: 0;

left: 50%;

transform: translateX(-50%);

color: #fff;

padding: 10px;

text-align: center;

在上面的示例中，我們首先使用`position: absolute`屬性將兩個按鈕定位在頁面的頂部和底部。然后，我們使用`top`和`left`屬性來控制按鈕的位置，并將`transform`屬性設置為`translate`，以使按鈕垂直居中。最后，我們使用`text-align`屬性來使按鈕垂直居中，并使用`top`和`bottom`屬性來調整按鈕的高度。

通過使用CSS，我們可以輕松地使兩個按鈕豎著顯示，而不需要更改任何HTML代碼。