html 应用绝对定位 居中,html – 如何居中绝对定位的项目

我想绝对在我的图像上放置一个文本,但它似乎并没有居中.我尝试了一些东西,但这很奇怪.我正在寻找一个响应式网站,但随之而来的,它看起来很奇怪.这是我的代码.

Richy Photography

CSS

#container {

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background-image:url(image.jpg);

background-size:cover;

background-position:50% 50%;

background-repeat: no-repeat;

}

body, html

{

height:100%;

width:100%;

}

.parent {

position:relative;

font-family: Helvetica, Arial, sans-serif;

width: 100%;

height: 100%;

margin:0;

padding:0;

}

.child {

position: absolute;

left:37%;

top:37%;

margin:0;

padding:0;

}