HTML按钮如何居中

HTML中的按钮要居中，可以采用多种方法。以下是几种常见的做法：

1. **内联样式**:
使用`style`属性直接设置元素的`margin`，使其左右对齐，然后将`text-align`设为`center`来垂直居中。例如：

   <button style="display: inline-block; margin: 0 auto; text-align: center;">点击我</button>

2. **CSS**:
将按钮放在一个容器（如`div`）里，并给容器设置样式。你可以给容器设置`display: flex; justify-content: center; align-items: center;`来实现居中：

   <div class="container">
     <button>点击我</button>
   </div>

   .container {
     display: flex;
     justify-content: center;
     align-items: center;
   }

3. **外部样式表**:
如果你希望将样式分开，可以在外部CSS文件中定义样式：

   <link rel="stylesheet" href="styles.css">

   <!-- ... -->
   
   <button class="centered-btn">点击我</button>
   
   /* styles.css */
   .centered-btn {
     display: flex;
     justify-content: center;
     align-items: center;
   }