使用百分比来绝对定位一个元素,并配合使用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