Home  >  Article  >  Web Front-end  >  css div设置margin:0 auto不能水平居中

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

WBOY
WBOYOriginal
2016-06-01 09:53:242478browse

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

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

实例:

<code class="language-html"> 
 
 
<title>css 解决div设置margin:0 auto不能水平居中的方法</title> 

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

在线测试

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn