一个网页中有很多图片，要求纯css实现放大图片，并且放大的始终显示在屏幕正中间

可以使用CSS3的transform属性和伪类实现这个功能。具体步骤如下：

1. 给每个图片加上一个class，比如“zoomable”，并设置宽高。

<img class="zoomable" src="image.jpg" width="200" height="150">

2. 定义CSS样式，设置图片的初始状态以及放大后的状态。

.zoomable {
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.zoomable:hover {
    transform: scale(1.2);
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

3. 当鼠标悬停在图片上时，使用:hover伪类触发放大效果，并设置z-index、position、top、left和transform属性，让放大后的图片始终显示在屏幕正中间。

注意：为了让图片放大时不影响页面布局，需要在放大后给图片加上固定定位（position: fixed;）和居中对齐（top: 50%; left: 50%; transform: translate(-50%, -50%);）等样式。