<p>웹사이트(https://github.com/learning-zone/website-templates/tree/master/victory-educational-institution-free-html5-bootstrap-template)를 구축하기 위해 템플릿을 사용하고 있습니다. 원본 탐색 표시줄은 다음과 같습니다. </p> <p>줄이기 전: 탐색 표시줄</p> <p>축소 후: 탐색 표시줄</p> <p>로고를 제 로고로 바꿨습니다. 로고가 세로 방향으로 작기 때문에 여백을 10px에서 20px로 변경했습니다</p> <pre class="brush:php;toolbar:false;">.logo { 너비: 40%; 여백: 20px 0px 20px 0; }</pre> <p>중앙에 있는 것처럼 보입니다. 탐색 표시줄</p> <p>하지만 페이지를 아래로 스크롤하면 탐색 표시줄이 줄어들고 로고가 수직 중앙에 유지되지 않습니다. 위로 움직입니다. 탐색 표시줄</p> <p>CSS를 수정하려고 했는데 작동하지 않았습니다</p> <pre class="brush:php;toolbar:false;">.logo { 디스플레이: 플렉스; 내용 정당화: 센터; 항목 정렬: 중앙; 너비: 40%; 여백: 20px 0px 20px 0; }</pre> <p>로고의 HTML 코드입니다</p> <pre class="brush:php;toolbar:false;"><div class="logo smooth-scroll"> <a href="#banner"><img id="logo" src="images/boxinghub.png" alt="boxinghub 로고"></a>