HTML怎么实现盒子居中和内容居中

注意点：

（1）

注意点：如果两个盒子是嵌套关系，设置里面的盒子的外边距的话，外面的

盒子也会顶下来 ，即：仅有属性：

margin-left:100px;

margin-top:100px;

解决方法：在外面的大盒子中添加一个border属性，因此在企业开发中，一般情况下如果需要控制嵌套关系盒子的距离，应该首先考虑padding，其次在考虑margin,因为margin本质上是用于控制兄弟关系之间的间隙的

（2）我们看到一个新的属性值

margin:100px auto

这个前面是距离，后面auto就会将小盒子进行居中，如果写成：margin:0 auto.那么只会在水平方向上进行居中，因此我们要计算好距离像素，写到属性值中。

二、text-align:center和margin:0 auto之间的区别

1.text-align:center;作用：设置盒子中的存储的文字/图片水平居中。

2.margin:0 auto;作用：让盒子自己水平居中。

    

    

    







    我是一个文字

    


    

    

?