上一节介绍了行级元素的水平居中,只需要给父元素设置text-align:center即可,那这一节向大家介绍块级元素的水平居中。
块级元素的水平居中,又分为定宽块级元素与不定宽块级元素,本节介绍定宽的块级元素居中。定宽的块级元素居中设置margin:0px auto;即可。
html关键代码
<div class="blockCenter">
这是一个定宽的块级元素,定宽可以通过width:100px;或者width:20%;实现
</div>
css关键代码
<style>
.blockCenter{
width:500px;/*实现定宽*/
margin:0px auto;/*居中*/
}
</style>
下一节将介绍不定宽的块级元素居中。
欢迎转载,请注明出处!