填充在按钮上有效，居中不起作用

是指在前端开发中，当为按钮添加填充（padding）属性时，按钮的内容会被填充的空白区域所包围，但是居中对齐的样式不会生效。

按钮的填充属性可以通过CSS来设置，常用的属性包括padding、padding-top、padding-bottom、padding-left和padding-right。通过设置这些属性的值，可以控制按钮内容与按钮边框之间的间距。

然而，当我们尝试使用居中对齐的样式（如text-align: center）来使按钮内容在按钮中居中时，发现居中对齐的样式不起作用。这是因为按钮的默认display属性为inline或inline-block，而居中对齐样式只对块级元素有效。

解决这个问题的方法有两种：

1. 将按钮的display属性设置为block或flex，使其变为块级元素，然后再使用居中对齐的样式。例如：

button {
  display: block;
  text-align: center;
}

1. 使用其他的居中对齐方法，如使用绝对定位和transform属性来实现居中对齐。例如：

button {
  position: relative;
}

button span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

以上是关于填充在按钮上有效，居中不起作用的解释和解决方法。在腾讯云的产品中，可以使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来进行前端开发和部署，该服务提供了丰富的功能和工具，可以帮助开发者快速构建和部署应用。