温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
按钮在div里左右居中的方法有多种，下面我会介绍其中两种常用的方法。
第一种方法是使用flex布局。我们可以将div的display属性设置为flex，并使用justify-content属性将按钮水平居中。我们还可以使用align-items属性将按钮垂直居中。
<div style="display: flex; justify-content: center; align-items: center;">
<button>按钮</button>
</div>
在上面的示例代码中，我们将div的display属性设置为flex，这样它的子元素会按照一定的规则进行布局。然后，我们使用justify-content属性将按钮水平居中，align-items属性将按钮垂直居中。这样，按钮就会在div里左右居中了。
第二种方法是使用绝对定位。我们可以将div的position属性设置为relative，然后将按钮的position属性设置为absolute，并且将左右和上下的偏移量都设置为50%。接下来，我们使用transform属性将按钮向左和向上移动自身宽度和高度的一半。
<div style="position: relative;">
<button style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">按钮</button>
</div>
在上面的示例代码中，我们将div的position属性设置为relative，这样按钮的绝对定位将相对于div进行。然后，我们将按钮的position属性设置为absolute，这样它的位置将相对于最近的已定位祖先元素。接着，我们将按钮的左右和上下的偏移量都设置为50%，这样按钮就会水平和垂直居中。我们使用transform属性将按钮向左和向上移动自身宽度和高度的一半，这样按钮就能完美居中了。
以上是按钮在div里左右居中的两种常用方法。除了这两种方法，还有其他一些方法，比如使用表格布局、使用网格布局等。不同的方法适用于不同的场景，可以根据具体情况选择合适的方法来实现按钮的左右居中。
