CSS图片上方留白是一个很常见的问题。如果你添加了一张图片到一个HTML页面中，你可能会发现图片上方留有一段空白。这篇文章将介绍如何用CSS解决图片上方留白的问题。

img {
display: block;
margin: 0 auto;
padding: 0;
}

代码中的这个CSS样式会将图片设置成一个块级元素（display:block），并且会将图片的外边距（margin）设置成0，并将内边距（padding）也设置成0。这样的话，图片上方的留白就会被去掉。

如果这段代码不能解决你的问题，你还可以尝试一些其他的方法。比如，在图片最外层包裹一个div，将div的高度设置成图片的高度，然后将图片绝对定位到div中间。这样也可以解决图片上方留白的问题。

.container {
height: 300px;
position: relative;
 }
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
 }

上面的代码中，我们将.container高度设置成图片的高度，然后将图片绝对定位到.container中间。我们使用translate属性将图片从中心偏移回来。这样，我们就可以解决图片上方留白的问题。

如果你在使用CSS时遇到一些问题，你可以尝试一些不同的方法。有时候，解决问题的方法并不是唯一的。