按钮在div中居中显示文字

按钮在div中居中显示文字可以通过设置div的样式和按钮的样式来实现。

我们需要设置div的样式为相对定位（position: relative），这样按钮在div中的位置会相对于div进行定位。然后，我们可以使用flex布局来实现按钮的居中显示。将div的display属性设置为flex（display: flex），并且设置justify-content属性为center（justify-content: center），这样按钮就会水平居中显示在div中。

接下来，我们需要设置按钮的样式。为了使按钮在div中垂直居中显示，我们可以将按钮的display属性设置为flex（display: flex），并且设置align-items属性为center（align-items: center），这样按钮就会垂直居中显示在div中。

我们可以通过设置按钮的宽度和高度来调整按钮的大小，通过设置按钮的背景颜色和文字颜色来美化按钮的外观。

下面是示例代码：

<style>
  .container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 300px;
    height: 100px;
    background-color: #f1f1f1;
  }
  .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 50px;
    background-color: #4CAF50;
    color: white;
  }
</style>
<div class="a72a-c4e8-d3cc-364a container">
  <button class="c4e8-d3cc-364a-3eee button">按钮</button>
</div>

在上面的示例代码中，我们创建了一个div容器（class为container），并设置了宽度为300px，高度为100px，背景颜色为#f1f1f1。然后，在div中创建了一个按钮（class为button），并设置了宽度为200px，高度为50px，背景颜色为#4CAF50，文字颜色为白色。

通过设置div的样式为相对定位和flex布局，以及设置按钮的样式为flex布局和居中对齐，按钮就可以在div中居中显示文字。我们还可以通过调整div和按钮的宽度和高度，以及设置其他样式属性来进一步美化按钮的外观。

总结一下，要实现按钮在div中居中显示文字，我们需要设置div的样式为相对定位和flex布局，设置按钮的样式为flex布局和居中对齐，并调整宽度、高度和其他样式属性来美化按钮的外观。