众所周知，将HTML和CSS组合起来，会变得非常强大，可以创建千变万化的样式。 那么，你知道如何在CSS中将图像显示在中央吗？ 这篇文章告诉你
一.显示：表芯
HTML代码如下所示。
CSS代码如下所示。 img_wrap{
width:700px；
height:350px；
border:1px dashed #ccc；
显示：表单元格；
vertical-align :中间；
文本照明3360中心；
}
效果图：
二.采用背景法
html代码：
CSS代码：img_wrap{
width:700px；
height:350px；
border:1px dashed #ccc；
background : URL (' ./images/W3C school.png ' )无报告中心；
}
效果图：
三.行高度
此方法在图像中使用p标签，并设置line-height使图像垂直居中。
HTML代码：
CSS代码：img_wrap{
width:700px；
height:350px；
border:1px dashed #ccc；
文本照明3360中心；
}
. img_wrap p{
width: 700px；
height:350px；
line-height: 350px；
}
. img_wrap p img{
vertical-align :中间；
}
效果图：
以上是使用CSS将图像定位在中央的三种详细方法。 如果想学习更多CSS相关教程，请单击CSS微课，HTML CSS基础实战