标题图像位于中心，而保持其尺寸，没有水平滚动

Question

我会尽力解释这个问题。我有一个2560x400像素的标题图像。但例如图像可能是（ex.2 4000x400px）。我希望能够将图像放置在屏幕中间位置，因此在给定屏幕的中间选择ex.2将是标题图像的2000像素。

我已经做好了，设法删除水平滚动但我需要一些帮助，如果有人可以帮助我:)。

html

<img class="pop" src="My image 2560x400" alt="">

css

.pop { 
    width: 2560px;
    height: 100%;
    overflow: hidden;
    position: center;
}

Answer 1

试试这个：

.pop {
    width: 2560px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
}