首先，我们需要一个HTML代码来创建按钮。我们可以使用button元素或者a元素来创建。下面是一个例子：
<button>点击我</button>
然后，我们可以使用CSS来样式化这个按钮。我们可以使用text-align属性来让按钮中的文字水平居中：
button {text-align: center;}这样，按钮中的文字就水平居中了。
但是，如果我们想要让按钮中的文字垂直居中怎么办呢？这时候，我们可以使用line-height属性。我们可以将line-height设为按钮的高度，这样文字就会垂直居中了。下面是代码：
button {text-align: center;line-height: 40px; /* 这里假设按钮的高度是40个像素 */}这样，按钮中的文字就水平垂直都居中了。
另外，如果我们想让按钮的宽度自适应内容，可以使用display属性和padding属性。我们可以将display设为inline-block，将padding设为一定的值，这样按钮的宽度就会自适应其内容了。下面是代码：
button {text-align: center;line-height: 40px;display: inline-block;padding: 0 20px; /* 这里假设左右各有20个像素的padding */}这样，按钮的宽度就会自适应其内容了。
总结一下，让按钮中的文字居中显示，我们可以使用text-align属性和line-height属性；让按钮的宽度自适应内容，我们可以使用display属性和padding属性。相信大家经过练习后，可以轻松掌握这些技巧。
上一篇：JavaScript中字符集详解
下一篇：javascript中字符意思
