<style>
.wai{position:relative;width:500px;height:600px}
.nei{position:absolute;top:50%;left:50%;width:100px;height:200px;margin:-100px 0 0 -50px}
</style>
<div class="wai">
<div class="nei"></div>
</div>
.wai{position:relative;width:500px;height:600px}
.nei{position:absolute;top:50%;left:50%;width:100px;height:200px;margin:-100px 0 0 -50px}
</style>
<div class="wai">
<div class="nei"></div>
</div>
本文通过一个具体的实例展示了如何使用CSS的相对定位和绝对定位来实现居中效果。通过对外部容器和内部元素的样式设置,使得内部元素能够精确地居中显示。

576

被折叠的 条评论
为什么被折叠?



