CSS中图片向上中部居中

可以使用如下的CSS样式来实现图片向上中部居中：

.container {
  position: relative;
  height: 300px; /* 容器高度 */
}

img {
  position: absolute;
  top: 50%; /* 将图片顶部与容器中心对齐 */
  transform: translateY(-50%); /* 上移图片一半的高度 */
  left: 50%; /* 将图片左侧与容器中心对齐 */
  transform: translateX(-50%); /* 左移图片一半的宽度 */
}

其中，`.container`为图片所在的容器，`img`为图片元素，通过`position: absolute`将图片脱离文档流，然后设置`top: 50%`将图片顶部与容器中心对齐，再通过`transform: translateY(-50%)`将图片上移一半的高度，实现垂直居中；同理，通过`left: 50%`将图片左侧与容器中心对齐，再通过`transform: translateX(-50%)`将图片左移一半的宽度，实现水平居中。