div居中及其原理

简介:

CSS中:margin:auto与margin:0auto;有什么区别?

CSS中:margin:auto与margin:0auto;有什么区别。有的网站中写的是前者,有的写的是后者。但结果都是一样页面居中对齐,我想知道哪种写法更标准。
1.看下css手册,margin后跟四个参数:toprightbottomleft还可简写为两个参数即为上下左右也可以设置一个参数这样就代表设置这四个选项了,解释下margin:0auto;0为上下外间距为0pxauto代表左右自动适应。
2.首先你要知道,margin后面是有4个参数的。例如:margin:1px1px1px1px
分别表示上、右、下、左。如果只写2个参数的话,比如:margin:1px2px
那么着是代表上下都为1px左右都为2px.

至于居中,很明显,margin:0auto是标准的写法!



本文转自 huohe2009 51CTO博客,原文链接:
http://blog.51cto.com/zhaojie/1310442

相关文章
|
4月前
div盒子垂直居中的3种方法
div盒子垂直居中的3种方法
32 2
|
9月前
|
前端开发
前端水平垂直居中实现
前端水平垂直居中实现
水平垂直居中的四种方式
水平垂直居中的四种方式
|
9月前
|
前端开发 小程序
CSS 盒子垂直居中的方法
CSS 盒子垂直居中的方法
103 0
|
9月前
|
前端开发 容器
如何使用CSS Grid 居中 div
如何使用CSS Grid 居中 div
80 0
|
前端开发
css:flex布局下overflow失效
css:flex布局下overflow失效
257 0
|
前端开发
《图解CSS》水平垂直居中
在面试的过程中,经常会被问到有关CSS的一个问题,那便是居中问题.......
71 0
|
前端开发
css布局技巧-margin负值巧妙运用
我们要做几个在一行显示且紧紧挨在一起的盒子,会出现下图情况
154 0
css布局技巧-margin负值巧妙运用
|
前端开发
前端:水平垂直居中的10种方法
前端:水平垂直居中的10种方法
325 0
前端:水平垂直居中的10种方法
|
前端开发
span内文字居中css布局方法_让span内容居中
display:block,让span形成块(独占一行),就像DIV一样,在设置内容居中css text-align:center。
2138 0