站长在这里跟大家分析一下margin:0 auto不能水平居中的原因:
- margin:0 auto居中的前提是我们为div设置了宽度,如果没有设置宽度,就算使用了改css属性,也不会取作用。因此,首先要检查一下是否设置宽度。
- 检查一下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>
在线测试
Kenyataan:Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn