{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;}

相关文章
|
8月前
|
编解码 前端开发
前端知识笔记(十九)———px,em,rem,vw,vh之间的区别
前端知识笔记(十九)———px,em,rem,vw,vh之间的区别
163 0
|
4月前
|
前端开发
前端基础(十二)_overflow属性、clear属性、vertical-align属性
本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果,并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
87 1
|
3月前
|
前端开发 小程序 JavaScript
面试官:px、em、rem、vw、rpx 之间有什么区别?
面试官:px、em、rem、vw、rpx 之间有什么区别?
74 0
|
5月前
|
前端开发
一张图搞懂盒子模型 margin padding
这篇文章通过一张图帮助读者理解CSS中的盒子模型,特别是`margin`和`padding`的概念,解决容易混淆这两个属性的问题。
|
6月前
|
前端开发 容器
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
192 1
|
编解码
1rem、1em、1vh、1px各自代表的含义?
1rem、1em、1vh、1px各自代表的含义?
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。white-space属性指定元素内的空白怎样处理。
309 0
每日一学—CSS overflow与text-overflow与white-space属性
|
编解码 前端开发
css中rem em vh px各自代表的含义
css中rem em vh px各自代表的含义
165 0
css中rem em vh px各自代表的含义
|
前端开发
|
前端开发
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
533 0
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?

热门文章

最新文章

下一篇
开通oss服务