宽度高度不固定的div如何水平居中以及垂直居中

《宽度高度不固定的div如何水平居中以及垂直居中》由会员分享，可在线阅读，更多相关《宽度高度不固定的div如何水平居中以及垂直居中（3页珍藏版）》请在金锄头文库上搜索。

1、宽度高度不固定的di如何水平居中以及垂直居中宽度高度不固定div的水平居中演示如下：水平居中代码：部分dividivdivdivdiv部分idth:500px;lay:inline-height:80px;background:#Clock;borderid针对iiiborder:idfff;paddi代码要点：父容器力口属性i子容器力t属性diiidi为针对i的ii宽度高度不固定的div垂直居中演示如下：战们垂亘居中了我们水平辰中了垂直居中代码：部分dividvdividvidivid我们垂直居中了，我们水平居中了部分vdivivackgroundidddididwidth:50text-a

2、lidisplay:i代码要点：父容器v的属性dividd子容器v的属性viiidddi针对i的，v容器的ii和容器的ii如果不需要水平居中的话，需要注释掉v容器的i以及的di宽度高度固定的div垂直居中和水平居中部分divdi居中了divdivd部分udingwid.gdwidth:50px;height:20px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-25px;代码要点父容器要用相对定位position:relative;否则的话子元素会相对于浏览器窗口进行绝对定位。子容器绝对定位，top:50%;left:50%;margin-topmargin-left的值取该容器高度，宽度的一半的负值。如果相对于浏览器窗口做水平垂直居中的话，比如需要大背景居中，代码如下bodybackground:#c12b02;.mainbackground:url（你的背景图片地址）no-repeat;width:1000px;height:800px;position:absolute;margin-top:-400px;margin-left:-500px;