Question

[CSS]

.inputBox {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline-block;
  min-height: 16px;
  padding: 4px 6px 0 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #555555;
  vertical-align: middle;
  vertical-align: top;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[HTML]

<input class="inputBox" type="text" name="myinput" />

它没有出现在手机中间

我还需要添加到CSS还是HTML？请指教。

感谢任何帮助。

Answer 1

设置输入的父div样式，如下所示。

.parent{
    float:left;
    width:100%;
    text-align:center;
}

并为您的输入标记添加样式，如下所示：

.parent input{
   float:none;
   margin:0 auto;
   position:relative:
   margin-top:50%;
}

checkout fiddlle：http://jsfiddle.net/cvbvo104/

输入框没有响应

1 个答案: