猿问

如何将form表单中的元素整体居中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>信息扫描</title>


</head>


<body>


  <form class="am-form am-form-horizontal">

  <div>

    <label for="doc-ipt-3" class="am-u-sm-2 am-form-label">科 目</label>

    <input type="email" id="doc-ipt-3" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">学 号</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">序 号</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">考官ID</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

  </div></br>

  


  <div>

    <label for="doc-ipt-3" class="am-u-sm-2 am-form-label">第1题</label>

    <input type="email" id="doc-ipt-3" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第2题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第3题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第4题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

  </div></br>


  <div>

    <label for="doc-ipt-3" class="am-u-sm-2 am-form-label">第5题</label>

    <input type="email" id="doc-ipt-3" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第6题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第7题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">第8题</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

  </div></br>


  <div>

    <label for="doc-ipt-3" class="am-u-sm-2 am-form-label">条形码</label>

    <input type="email" id="doc-ipt-3" placeholder="">

    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">扫描时间</label>

    <input type="password" id="doc-ipt-pwd-2" placeholder="">

  </div></br>


   <div class="am-form-group">

      <label for="doc-ta-1">无效原因</label></br>

      <textarea class="" rows="5" id="doc-ta-1"></textarea>

    </div>


    <p><button type="submit" class="am-btn am-btn-default">提交</button></p>

    </div>

  </div>

</form>

</form>

</body>

</html>


qq_哇向日葵男神_04286191
浏览 11012回答 1
1回答

寂静的蝴蝶

加一个div,把div居中试试
随时随地看视频慕课网APP
我要回答