如何在Flex中创建垂直按钮

在Flex布局中创建垂直按钮，可以使用以下步骤：

1. 首先，在HTML中创建一个按钮元素，并为其添加一个类名，例如：
2. 接下来，在CSS中使用Flex布局来设置按钮的方向为垂直方向。可以使用以下代码：.vertical-button { display: flex; flex-direction: column; justify-content: center; align-items: center; }
3. 最后，为按钮添加样式，例如：.vertical-button { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #4CAF50; color: white; padding: 10px 20px; text-align: center; text-decoration: none; font-size: 16px; border: none; cursor: pointer; } .vertical-button:hover { background-color: #3e8e41; }

这样，就可以在Flex布局中创建一个垂直按钮了。