블로그 주제에 센터 로고 맞추기

나는 반응이있는 블로그 테마를 사용하고 있으며 내 사이트 로고를 중심으로 힘든 시간을 보내고 있습니다. 이있는 style.css에서 내 사이트의 로고가 (요소 검사에 따른) 모습입니다 :블로그 주제에 센터 로고 맞추기

#header img { 
    margin: 0 0.75em 0 1em; 
    display: block; 
    float: right; 
    margin-left: auto; 
    margin-right: auto; 

    height: auto; 
    max-width: 100%; 
} 
#header #site-logo { 
    margin-left: -82.5%; 
    height: 100px; 
    padding: 2.5em 0; 
}

나는이 두 된 div의 여백, 텍스트를 정렬하고 수레를 변경했지만, 아무것도 도움이되지 않습니다. style.css에서 다른 ID 나 클래스를 조사해야만하는지 모르겠습니다.

출처

2014-02-15 user3249243

장소 로고를 중심으로, 어떤 수레, 여백이나 패딩을 적용 해달라고합니다. text-align : center와 같은 CSS를 적용하기 만하면됩니다. 어떤 종류의 부유물을 적용 할 때 그 내용은 그 방향으로 갈 것입니다. text-align을 적용하십시오 : center와 try –

로고의 너비를 알고있는 경우 여백 0을 사용하십시오. 센터 부모 요소 http://jsfiddle.net/NVLtM/1/에 : 당신은 폭을 알고있는 이미지를 인라인 블록 요소를 만들고 텍스트 정렬을 사용하지 않는 경우 http://jsfiddle.net/NVLtM/

#header #site-logo { 
    display:block; 
    width:200px; 
    margin:0 auto; 
}

#header { 
    text-align:center; 
} 

#header #site-logo { 
    display:inline-block; 
}

출처

2014-02-15 09:18:15 trysmudford

float를 제거하고 기존 여백을 제거하고 너비가 필요하지 않습니다.

여백 : 0 자동 사업부의 요소를

출처

2014-02-15 09:18:27 eyalap

블로그 주제에 센터 로고 맞추기

답변

관련 문제