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

相关文章
水平垂直居中的四种方式
水平垂直居中的四种方式
|
7月前
|
前端开发 容器
Web前端 — CSS之盒模型 以及margin负值、塌陷重叠问题
Web前端 — CSS之盒模型 以及margin负值、塌陷重叠问题
32 0
|
前端开发
css:移动端实现1px、0.5px的细线
css:移动端实现1px、0.5px的细线
100 0
css:移动端实现1px、0.5px的细线
|
前端开发
CSS margin重叠问题
CSS margin重叠问题
107 0
|
前端开发
CSS高度塌陷问题及清除浮动的三种方式
在父元素最后增加一个空的块级子元素,并且让它设置clear: both
119 0
|
前端开发
css盒模型掉落和负margin
css盒模型掉落和负margin
52 0
css盒模型掉落和负margin
|
编解码 前端开发
【CSS】一文搞懂 em、px、rem、vh、vw 的区别!🔥🔥
前言 大家好,我是HoMeTown,今天聊一下CSS中em、px、rem、vh、vw这些单位都有什么区别,什么时候该用什么单位,如何正确使用。
161 0
|
前端开发
[前端CSS高频面试题]如何画0.5px的边框线(详解)
[前端CSS高频面试题]如何画0.5px的边框线(详解)
244 0
|
前端开发 开发者
怪异盒模型border-box真的“一无是处”吗?
虽然w3c制定了标准盒模型,但在 `box-sizing` 属性中却还是保留了怪异盒模型,可能就是希望开发者在不同的场景中适当地运用,前提是如何理解它。
|
前端开发
css:垂直方向外边距margin塌陷问题及解决
css:垂直方向外边距margin塌陷问题及解决
131 0
css:垂直方向外边距margin塌陷问题及解决