首页 > 技术文章 > 盒子居中margin:0 auto;

myunYao 2018-04-26 11:30 原文

注意:

1) 使用margin:0 auto; 的盒子,必须有width,有明确的width

2) 只有标准流的盒子,才能使用margin:0 auto; 居中。

也就是说,当一个盒子浮动了、绝对定位了、固定定位了,都不能使用margin:0 auto;

3) margin:0 auto;是在居中盒子,不是居中文本。

文本的居中,要使用

1           text-align:center;

 

1           margin:0 auto;   → 让这个div自己在大容器中居中

2           text-align: center;  → 让这个div内部的文本居中。注意图片就是文本

推荐阅读