css div设置margin:0 auto不能水平居中

时间:2015-12-28
我们大家都知道，margin:0 auto可以使div水平居中，但有的时候，我们明明为div设置了margin:0 auto，但仍然不取作用。本文章向码农介绍一下margin:0 auto不居中的几个原因。需要的可以参一下。

站长在这里跟大家分析一下margin:0 auto不能水平居中的原因：

  1. margin:0 auto居中的前提是我们为div设置了宽度，如果没有设置宽度，就算使用了改css属性，也不会取作用。因此，首先要检查一下是否设置宽度。
  2. 检查一下div是否使用了float:left或float:right,如果使用了float:left或float:right，margin:0 auto也不会取作用。

实例：

<!DOCTYPE html> 
<html> 
<head> 
<title>css 解决div设置margin:0 auto不能水平居中的方法</title> 

</head> 
<body> 
<div style="margin:0 auto;">码农教程</div><!--如果不设置宽度，div无法居中。-->
<div style="margin:0 auto;width:300px;">码农教程</div><!--这样设置即可居中-->
</body> 
</html>

在线测试

随机文章
WEB前端知识点必读
最近更新