我的价值不会文字对齐中心

Question

有谁能帮助我理解为什么“7”的文本值不是居中的？

<input id="button7" value="7" onclick='Calc.Input.value += "7"' type="button" class="button"/>

对于网络版，7是居中的，但不是通过媒体查询的移动版本。

我的媒体查询CSS仅为;

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

.set_1 {
  height: 270px;
  width: auto;
}

.set_2 {
  height: 266px;
  width: auto;
}

.set_3 {
  height: 266px;
  width: auto;
}

.set_4 {
  height: 266px;
  width: auto;
}

.set_5 {
  height: 266px;
  width: auto;
}

.text_box{
  height: 180px;
  width: 730px;
  font-size: 100px;
}

.button {
  height:200px;
  width:200px;
  font-size: 100px;
  text-align: center;
}

}

Answer 1

添加：

display: block;

我相信......