标签:yellow osi 属性 style 居中 padding src color lin
position:absolute; //绝对定位,一般父级元素采用relative来配合使用,如果父级没有定位,将把body标签作为父级定位来使用
用position和margin的方法来实现两个div盒子的水平垂直居中:
html:
<body> <div class="parent"> <div class="children">这里是子盒子</div> </div> </body>
css:
效果:
.parent{ background-color:aquamarine; width:300px; height:300px; text-align: center; } .children{ display:inline-block; line-height:300px; }
line-height:inherit; //规定从父元素那里继承line-height的值
margin:inherit; //规定从父元素那里继承margin的值
z-index:属性在position(非stastic)中有效,数值可正可负,数值越大,离屏幕越近,比较要看它显示的不同的级别
标签:yellow osi 属性 style 居中 padding src color lin
原文地址:https://www.cnblogs.com/Zxq-zn/p/11601929.html