CSS 按钮文本垂直居中

CSS 是一种用于创建网页样式的编程语言。在 CSS 中，我们可以使用各种技巧来创建各种样式，包括按钮样式。本文将介绍如何使用 CSS 将按钮文本垂直居中。

下面是一个使用 CSS 将按钮文本垂直居中的简单示例：

```html

<button style="text-align: center;">点击我</button>

在这个示例中，我们将按钮的样式设置为“text-align: center”，这将使按钮文本在按钮中心垂直居中。

除了使用 CSS 按钮文本垂直居中外，我们还可以使用 JavaScript 来实现这一点。下面是一个使用 JavaScript 将按钮文本垂直居中的简单示例：

```javascript

function垂直居中Button() {

const button = document.querySelector('button');

button.style.textAlign = 'center';

const button = document.querySelector('button');

button.addEventListener('click'，垂直居中Button);

在这个示例中，我们使用 JavaScript 创建一个“垂直居中按钮”事件监听器，当按钮被单击时，将按钮文本垂直居中。

使用 CSS 和 JavaScript 可以将按钮文本垂直居中。通过使用不同的样式和 JavaScript 代码，我们可以创建各种样式的按钮，以适应不同的需求。