css定宽块级元素居中

上一节介绍了行级元素的水平居中，只需要给父元素设置text-align:center即可，那这一节向大家介绍块级元素的水平居中。

块级元素的水平居中，又分为定宽块级元素与不定宽块级元素，本节介绍定宽的块级元素居中。定宽的块级元素居中设置margin:0px auto;即可。

html关键代码

<div class="blockCenter">

    这是一个定宽的块级元素，定宽可以通过width:100px;或者width:20%;实现

</div>

css关键代码

<style>

.blockCenter{

    width:500px;/*实现定宽*/

    margin:0px auto;/*居中*/

}

</style>

下一节将介绍不定宽的块级元素居中。

欢迎转载，请注明出处！