CSS居中

CSS居中

1.css水平居中
1.1块级元素嵌套块级元素
View Code
1 <div class="outerDiv">
2     <div class="innerDiv">This is a DIV Block</div>
3         <p>This is a P Block</p>
4 </div>
在内部DIV或者P设置 margin:0 auto; 或者 margin-left:auto;margin-right:auto;

1.2块级元素嵌套内联元素

View Code
1 <div class="outerDiv">
2     <span class="innerSpan">This is a span</span>
3         <label>This is a label</label>
4 </div>
在外部块级元素设置 "text-align:center;";

2.css垂直居中

2.1块级元素嵌套块级元素

内部块级元素设置 “margin-top”实现;

2.2块级元素嵌套内联元素

外部块级元素设置 “line-height” 并让value=height;