本文介绍了如何使用CSS实现网页元素的水平和垂直居中，并详细解释了相关样式属性的设置方法。
水平居中：
<style>
.juzhong{margin:0px auto; width:500px;}
</style>
<div class=juzhong></div>
垂直居中：
<style>
#mid{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
width:300px;
height:300px;
border:1px solid red;
}
</style>
<div id=mid></div>
注意，其中margin:-150px 0 0 -150px;
第一个150是高度的一半，第四个150是宽度的一半
<style>
.juzhong{margin:0px auto; width:500px;}
</style>
<div class=juzhong></div>
垂直居中：
<style>
#mid{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
width:300px;
height:300px;
border:1px solid red;
}
</style>
<div id=mid></div>
注意，其中margin:-150px 0 0 -150px;
第一个150是高度的一半，第四个150是宽度的一半
扫一扫
621
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
