[摘要]在页面布局时经常需要对图片的位置进行处理,这篇文章围绕图片居中展开,主要讲了如何用CSS实现图片的水平居中,图片垂直居中,还有图片的水平垂直居中,课程比较实用,感兴趣的小伙伴,可以参考一下,希望对你...
在页面布局时经常需要对图片的位置进行处理,这篇文章围绕图片居中展开,主要讲了如何用CSS实现图片的水平居中,图片垂直居中,还有图片的水平垂直居中,课程比较实用,感兴趣的小伙伴,可以参考一下,希望对你有所帮助。
1、text-align: center实现图片水平居中
text-align一般用于文本的水平居中,也可以用于图片,代码如下:
CSS部分:
<style type="text/css">
div{
text-align: center;
width: 500px;
border: green solid 1px;
}
</style>