CSS居中
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 301
1.css水平居中1.1块级元素嵌套块级元素ViewCode1<divclass="outerDiv">2<divclass="innerDiv">ThisisaDIVBlock&l

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;





联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2