1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。
2、打开浏览器查看结果，图片已处于正中状态。
3、第二种方法css代码如图。div设置成相对定位，img设置成绝对定位，然后left:50%，top:50%，此时图片的左上角将位于div的中心。重点：图片向上移动图片高度的一半，并向左移动图片宽度的一半。正好为与div正中间。
4、在浏览器查看结果，图片水平，垂直均居中。
css如何使图片变小并在一个圆的中心css把图片缩小的方法：可以通过设置图片的width或者height属性来实现图片的宽度高度，从而将图片缩小，比如在css中添加“width:300pxheight:200px”样式代码将图片设置成宽度300px、高度200px大小，如需缩小将属性值减少即可。
可以用“margin: 0 auto”和“text-align: center”是图片在网页中居中。
1、新建html文档，在body标签中添加div标签，然后在div标签中添加img标签：
2、为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示：
3、为div标签添加“text-align”属性，属性值是“center”，这时div标签内的img标签将会在div标签中居中显示，这样图片就会在网页中居中显示了：
