목록으로

로고 가운데 정렬 채택완료

dbstnwo11 8년 전 조회 4,061

#warp .top2 .logo{position:absolute;padding-top:20px; margin:0 auto;left:44%;}

이렇게 넣어서 로고 가운데 정렬했는데

창크기가 변할때 마다 위치가 이동하더라구요

고정시킬순 없나요?

#가운데정렬 #로고 #css

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

asss

8년 전

#warp .top2 .logo{position:absolute;padding-top:20px; position:absolute; width:300px; left:50%; margin-left:-150px;}

left:50% 으로 주시고 이미지 크기의 절반크기만큼 margin-left 를 넣어주시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sinbi Expert

8년 전

#warp .top2 .logo{position:absolute;padding-top:20px; margin:0 auto;left:44%;}

빨간색은 불필요해 보이네요.

파란색 소스가 중앙 정렬 시켜주는 겁니다. 이 경우, 로고 크기에 맞는 width값을 주셔야 할 거에요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

ysnet

8년 전

left 값을 퍼센트 대신 픽셀값으로 넣어보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.