接下来，我们来看看如何使用CSS使图片横平竖直居中,2.打开浏览器查看结果，图片在中央,1，第一个css代码如图所示,重要提示:图片向上移动图片高度的一半，向左移动图片宽度的一半,4.在浏览器中查看结果，图片为横竖居中CSS是一个级联样式表,先给页面添加一张图片，代码，效果如下图所示:2。
1。先给页面添加一张图片，代码，效果如下图所示:2。然后给图片起个类名，方便一会儿操作。3.然后设置图片的css样式，为了方便直接把css样式写在html页面上。4.“margin:0auto”常用于实现水平居中，但一直认为“margin:auto”无法实现垂直居中，但实际上只需增加一些限制条件，即通过定位:位置:绝对；top:0；左:0；底部:0；右:0；设置定位使上、下、左、右都为0，然后使元素实现居中通过边距:0自动。5.设置好CSS样式后，只要浏览一下代码，就可以看到图片已经实现了。
1，第一个css 代码如图所示。将“显示”设置为“表格单元格”、“文本居中对齐”和“垂直对齐”。2.打开浏览器查看结果，图片在中央。3.第二种方法css 代码如图所示。Div设置为相对定位，img设置为绝对定位，然后左:50%，上:50%。此时，图片的左上角将位于div的中心。重要提示:图片向上移动图片高度的一半，向左移动图片宽度的一半。就在div中间。4.在浏览器中查看结果，图片为横竖居中
3、怎么使用CSS让图片水平垂直都 居中?CSS是一个级联样式表。接下来，我们来看看如何使用CSS使图片横平竖直居。
