заголовка обертки изменить размер CSS

Question

я ждал в течение 7 дней, чтобы задать этот вопрос, потому что я не могу задать еще вопрос, я хочу, чтобы держать обертку в середине, когда люди изменить размер страницу

header { 
 
    background-image: url("http://lorempixel.com/400/200"); 
 
    background-size: 100% 100%; 
 
    height: 100px; 
 
} 
 
#home { 
 
position:absolute; 
 
top:10px; 
 
left:400px; 
 
}

<header> 
 
\t <img id="home" src="https://cdn2.iconfinder.com/data/icons/snipicons/5000/home-128.png" alt="home" style="width:75px;height:67px"> 
 
</header>

Thnx

Answer 1

Вы можете просто добавить text-align: center к родительскому элементу. img будет уважать это, потому что это inline по умолчанию.

Updated Example

header { 
    background-image: url("http://lorempixel.com/400/200"); 
    background-size: 100% 100%; 
    height: 100px; 
    text-align: center; 
} 

См this answer альтернативных подходов.

Answer 2

Это должно сделать это, если все, что вам нужно, это держать значок в центре, когда вам действительно не нужно его абсолютное положение.

header { 
    background-image: url("http://lorempixel.com/400/200"); 
    background-size: 100% 100%; 
    height: 100px; 
    text-align: center; 
} 

#home { 
    margin-top: 10px; 
} 

Answer 3

попробовать это,

#home { 
position:absolute; 
top:10px; 
left:48%; 
}