怎么把框放在页面中间

Question

<div class="div_1">

    <img src="img/1.png" alt="">

    <form action="">

      <input type="text" class="input_1">

      <br>

      <br>

      <input type="submit" class="input_2" value="Google搜索">

      <input type="button" class="input_3" value="手气不错">

    </form>

    <br>

    <br>

    <br>

    <a href="http://www.google.cn" class="a_1">google.com.hk</a>

    <br>

    <br>

    <p style="font-size:10px">请收藏我们的网址</p>

  </div>

Answer 1

.div_1{margin:100px auto}

Answer 2

margin:auto

Answer 3

margin:auto;

Answer 4

添加全局样式 margin:0 auto;让页面的宽高自适应，如果这样不行的话，就用center试试。<center>                   ...... </center>

Answer 5

你要明白居中显示的原理是什么，你把内容包裹在div_1中是比较好的。此时，你只需给div_1加上一个适当的宽度，要小于你屏幕宽度，最好稍微大于你文本输入框的宽度。然后在给div加上一个margin:0 auto；即可实现居中；其中的0是指上下边距为0，margin是指左右边距根据浏览器可见区域宽度自动计算边距的。Tips:  margin:0 auto；实现居中只适合div p等 块级元素哦。

Answer 6

br还是要一个，首先要保证换行，在调节其间距。。哈哈