一、margin样式属性作用
用于在一个声明中设置所有外边距的宽度,或者设置各边上外边距的宽度。该属性有多个值。
二、margin样式属性值介绍
1、auto
浏览器计算外边距(CSS中auto一般是自动适应的意思,auto在水平方向上的作用是始终居中,但在垂直方向上不起作用,相当于0值)
2、length
浏规定以具体单位计的外边距值,比如像素、厘米等。默认值是0px。注:允许使用负值,不过要谨慎使用
比如这是margin:0 auto的代码及结果:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>块级元素水平居中</title>
<style>
.out {
height: 600px;
border: 2px solid;
}
.in {
width: 100px;
height: 100px;
background: red;
margin:0 auto;
}
</style>
</head>
<body>
<div class="out">
<div class="in"></div>
</div>
</body>
</html>
结果图如下: