css中怎么让按钮剧中

在网页设计中，按钮作为一个非常重要的交互元素，其样式和位置都需要经过仔细的设计和调整。其中，按钮剧中显示也是很重要的一点。下面，我们就来介绍一下在CSS中如何实现按钮剧中的效果。

button {
  display: block; /*将按钮转换为块级元素*/
  margin: 0 auto; /*给按钮水平居中*/
} 

上面的代码中，我们给按钮设置了display属性为block，这样它就可以像块级元素一样在父元素内占据一整行。然后，使用margin属性将按钮水平居中，margin的值可以根据实际情况进行调整。

如果父元素的宽度是固定的，我们还可以使用以下方式来让按钮剧中：

.parent {
  position: relative;
  text-align: center; /*居中*/
}
.button {
  position: absolute;
  left: 50%; /*向左偏移50%*/
  transform: translateX(-50%); /*向左平移自身宽度的一半*/
} 

这种方式先让父元素相对定位，然后设置它的文本居中。接着，让按钮绝对定位，并向左偏移父元素宽度的一半，最后再使用transform属性向左平移自身宽度的一半即可实现剧中的效果。

总之，以上两种方式都可以使按钮剧中，根据具体情况选择相应的方法即可。