欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

使用百分比来绝对定位一个元素,并配合使用translate,将元素移动定位居中。

<div class="parent-frame" style="position: relative;">
 
 利用绝对定位,配合translate移动到水平垂直居中。
 
 <div class="child-frame" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
 
 不需知具体大小。支持IE9+及现代浏览器
 
 </div>
 
</div>

利用绝对定位,配合translate移动到水平垂直居中。 不需知具体大小。支持IE9+及现代浏览器

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/template/m58786.shtml