{margin:0px auto}让div居中的具体含义以及原理

简介: {margin:0px auto}让div居中的具体含义以及原理auto就是“一样”的意思,如果是左右auto的话,意思就是:这个 DIV 离 左边的距离 跟 右边的距离 是一样的。margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。

{margin:0px auto}让div居中的具体含义以及原理
auto就是“一样”的意思,如果是左右auto的话,意思就是:
这个 DIV 离 左边的距离 跟 右边的距离 是一样的。
margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。
{
margin-right: auto;
margin-left: auto;
}
如果是这样写呢,有点感觉代码繁杂,于是就可以简写成这样...
{margin:0 auto 0 auto;}
然后这样写呢,还是不够简化,于是,就变成你所问的这样了...
{margin:0 auto;}

目录
相关文章
|
14天前
vw、px、vh 和 rem应用场景以及区别
【4月更文挑战第2天】 vw、px、vh 和 rem应用场景以及区别
23 10
|
4月前
|
编解码 前端开发 小程序
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
41 0
|
3月前
|
编解码
px,em,rem,vw,vh之间的区别
px,em,rem,vw,vh之间的区别
|
3月前
|
编解码 前端开发
CSS中单位:【px和%】【em和rem】【vw|vh|vmin|vmax】的区别
CSS中单位:【px和%】【em和rem】【vw|vh|vmin|vmax】的区别
|
5月前
|
编解码
1rem、1em、1vh、1px各自代表的含义?
1rem、1em、1vh、1px各自代表的含义?
|
6月前
|
编解码 前端开发 JavaScript
面试官:说一下 px、em、rem、vw/vh?em和rem的区别?
面试官:说一下 px、em、rem、vw/vh?em和rem的区别?
33 0
|
8月前
|
编解码 前端开发
说说em/px/rem/vh/vw区别?
说说em/px/rem/vh/vw区别?
73 0
|
编解码 前端开发
【CSS】一文搞懂 em、px、rem、vh、vw 的区别!🔥🔥
前言 大家好,我是HoMeTown,今天聊一下CSS中em、px、rem、vh、vw这些单位都有什么区别,什么时候该用什么单位,如何正确使用。
159 0
|
编解码 前端开发
css中rem em vh px各自代表的含义
css中rem em vh px各自代表的含义
117 0
css中rem em vh px各自代表的含义
|
前端开发
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
387 0
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?