CSS中实现图片垂直居中的技巧有很多，其中最常见的是使用line-height和text-align属性。
使用line-height属性
使用line-height属性实现图片垂直居中的方法是，先给图片设置一个固定的宽度，给图片的父元素设置line-height属性，使其等于图片的高度，这样就可以实现图片垂直居中的效果。
使用text-align属性
使用text-align属性实现图片垂直居中的方法是，先在图片的父元素中添加一个空的span标签，给父元素设置text-align属性，使其等于“center”，这样就可以实现图片垂直居中的效果。
使用flex布局
使用flex布局实现图片垂直居中的方法是，先给图片的父元素设置display属性，使其等于“flex”，设置justify-content属性，使其等于“center”，这样就可以实现图片垂直居中的效果。
使用position属性
使用position属性实现图片垂直居中的方法是，先给图片的父元素设置position属性，使其等于“relative”，给图片设置position属性，使其等于“absolute”，并设置top属性，使其等于“50%”，这样就可以实现图片垂直居中的效果。
使用transform属性
使用transform属性实现图片垂直居中的方法是，给图片设置transform属性，使其等于“translateY(-50%)”，这样就可以实现图片垂直居中的效果。
以上就是CSS中实现图片垂直居中的几种技巧，每种技巧都有其优缺点，可以根据实际情况选择合适的技巧来实现图片垂直居中的效果。