网页经常使用css div进行布局，但通常会将图像放入div中。 那么，该如何将图像在div框中水平居中呢？ 让我们看看如何将css配置图像定位在div的中央。
如何将cs3div图像居中：
1、利用显示：表芯。 具体代码如下
html代码
css代码. img_wrap{
width: 400px；
height: 300px；
border: 1px dashed #ccc；
显示：表单元格； //主要是这个属性
vertical-align :中间；
文本照明3360中心；
}
效果如下。
2、采用背景法：
html代码
css代码. img_wrap{
width: 400px；
height: 300px；
border: 1px dashed #ccc；
background:URL(WGS.jpg ) no-repeat center center；
}
效果如下
3、图片外侧使用p标签，通过设置line-height使图片垂直居中：
html代码
css代码*{margin: 0px； padding: 0px}
. img_wrap{
width: 400px；
height: 300px；
border: 1px dashed #ccc；
文本照明3360中心； }
. img_wrap p{
width:400px；
height:300px；
行高：300 px； /*行高于高度*
}
. img_wrap p img{
*边距-顶级：高速((400-this.height )/2； /* CSS公式为IE6/IE7 */
vertical-align :中间；
border:1px solid #ccc；
}
效果图表如下。