使按钮居中而不填充

要使按钮居中而不填充，可以使用CSS的flexbox布局或者居中对齐的技巧。

1. 使用flexbox布局： 在按钮的父容器上应用flexbox布局，并设置justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码：
2. 使用flexbox布局： 在按钮的父容器上应用flexbox布局，并设置justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码：
3. 使用flexbox布局： 在按钮的父容器上应用flexbox布局，并设置justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码：
4. 使用居中对齐的技巧： 设置按钮的display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码：
5. 使用居中对齐的技巧： 设置按钮的display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码：
6. 使用居中对齐的技巧： 设置按钮的display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码：

以上两种方法都可以实现按钮居中而不填充的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm