button 宽高css

Button是前端开发中常用的控件之一，它可以使用HTML和CSS轻松创建，还可以用JavaScript来控制其行为。

在Button样式的设计中，宽度和高度都是非常重要的元素。下面演示如何使用CSS来控制Button控件的宽度和高度。

/* 设置Button宽度 */
button {
  width: 150px;
}

上面的代码使用CSS中的width属性来设置Button宽度为150像素。

/* 设置Button高度 */
button {
  height: 50px;
}

上面的代码使用CSS中的height属性来设置Button高度为50像素。

你也可以同时设置Button的宽度和高度：

/* 设置Button宽度和高度 */
button {
  width: 150px;
  height: 50px;
}

注意，如果Button的内容区域太大，可能会导致它的宽度和高度自适应变大。如果你想避免这种情况，可以限制Button的内容区域大小：

/* 限制Button内容区域大小 */
button {
  overflow: hidden;
}

上面的代码使用CSS中的overflow属性，将Button的内容区域限制在Button的宽度和高度内部。

总之，掌握好Button的宽高CSS控制方法，能够帮助你轻松地优化Button的样式。