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;