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

时间:2013-12-05 21:50:33

标签: javascript html css

有谁能帮助我理解为什么“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;
}

}

1 个答案:

答案 0 :(得分:0)

添加:

display: block;

我相信......