部分居中
郝东
175
居中
块级元素水平居中 margin: 0 auto;
例如，要想让div这个盒子在水平居中，可以设置div的css样式，如下：
div{
width:200px;
height:200px;
background-color:black;
margin: 0 auto;
}
这里要注意的是，如果想要用 margin: 0 auto;使块级元素水平居中，就必须先设置块的宽度--width。
块级元素内容的水平对齐text-align: center;
例如，要想让<p>把我居中</p>中的文字水平居中，可以设置p的样式，如下：
p{
text-align: center;
}
这里要注意的是text-align: center;只作用于块级元素。但它不会控制元素的对齐，而只是影响元素内部内容。
行内元素垂直居中 vertical-align: middle;
例如，想让<span>把我居中</span>中的文字垂直居中，可以设置span的css样式，如下：
span{
vertical-align: middle;
}
这里要注意的是vertical-align: middle;只影响行内元素元素和替换元素，不影响块级元素中的内容对齐（和text-align截然不同）。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。