Html 引导：如何将图像定位在绝对中心？

如何将图像放置在页面中央，响应html中的

后面

我正在使用

IMG

和位置

absolute

和

DIV

-位置

相对

所以IMG是我想要的，但当我调整屏幕尺寸时，IMG总是得到错误的位置，对此有什么解决办法吗

HTML:

<div class="col-md-6 text-center center-block">
            <img src="../res/uvod-ahoj.png" class="" alt="" id="uvod-ahoj">
            <div id="uvod-ahoj-div">
                <h1>Ahoj, som...</h1>
                <p>
                    <strong>Marcela Špalková</strong> a s pekným oblečením sa kamarátim od malička. Začalo to listovaním módnych
                    časopisov, pokračovalo vymýšľaním vlastných outfitov a šitím šiat pre bábiky. Táto moja vášen
                    sa naplno prejavila pri nákupoch, vyberala som kúsky nielen pre seba, ale aj pre kamarátky.
                </p>
                <a href="" class="btn" id="uvod-btn">POZRIEŤ MOJE SLUŽBY</a>
            </div>
        </div>

---

使用

左：50%

和

变换
属性在
#uvod ahoj


#uvod ahoj{
位置：绝对位置；
右：0；
左：50%；
转换：翻译（-50%）；
-webkit转换：翻译（-50%）；
-moz变换：平移（-50%）；
-o变换：平移（-50%）；
-ms转换：翻译（-50%）；
}
#乌沃德阿霍日分区{
位置：相对位置；
颜色：白色；
背景色：#780d4f；
}
#uvod ahoj分区>h1{
颜色：白色；
保证金：3雷姆0；
填充：3REM0；
}
#uvod ahoj div>p{
保证金：自动；
最大宽度：60雷姆；
垫底：3rem；
}

啊，我。。。

马尔切拉·什帕尔科娃a s pekným oblečením sa kamarátim od malička。扎查洛至利斯托瓦尼·莫德尼奇
阿索皮索夫，博克拉科瓦洛·维姆·弗拉斯滕·奥蒂莫夫·阿什蒂姆·奥蒂莫夫·阿什蒂姆·阿什蒂亚特·巴比基之前。塔托·莫贾·瓦森
纳普尔诺·普雷哈维拉·纳库波奇，维贝拉·索姆科斯基·尼伦·普雷塞巴，阿莱·阿杰·普雷卡马拉茨基。

由于图像位于Div标记内，
您可以为Img标记设置类名，然后设置左填充：50%

#uvod-ahoj {
position: absolute;
right: 0;
left: 14%;
}
#uvod-ahoj-div {
position: relative;
color: white;
background-color: #780d4f;
}
#uvod-ahoj-div > h1 {
color: white;
margin: 3rem 0;
padding: 3rem 0 0 0;
}
#uvod-ahoj-div > p {
margin: auto;
max-width: 60rem;
padding-bottom: 3rem;
}