怎么把框放在页面中间

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还是要一个，首先要保证换行，在调节其间距。。哈哈