CSS (메뉴 가운데 정렬/반응형) PC에서 봤을때 질문합니다!!

CSS (메뉴 가운데 정렬/반응형) PC에서 봤을때 질문합니다!!

QA

CSS (메뉴 가운데 정렬/반응형) PC에서 봤을때 질문합니다!!

본문

#gnb {display:block;float:left;}
#gnb .gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_wr{max-width:1200px;padding-right:200px;margin:0 auto;position:relative;}
#gnb a {display:block}
.gnb_1dli{position:relative;float:left;line-height:40px}
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli button{display:none}
.gnb_1da {float:left;padding:0 20px;color:#fff;line-height:80px;font-size:1.077em;font-weight:500}
.gnb_2dul {display:none;position:absolute;top:80px;left:0;background:#202228;min-width:100%;z-index:99}
.gnb_1dli:hover .gnb_2dul {display:block}
.gnb_1dli:hover:before{background:#fa5064;position:absolute;bottom:0;left:0;width:100%;height:3px;content:''}
.gnb_1dli:hover .gnb_1da{color:#fa5064;}
.gnb_2da {color:#a8a6b0;padding:0 15px;font-weight:normal;white-space: nowrap;border-top:1px solid #121418}
.gnb_2da:hover{color:#fff;}

 

어떻게 하면 가운데 정렬이 될까요 반응형이라 모바일은 상관없습니다!

이 질문에 댓글 쓰기 :

답변 2

1.

중앙정렬 시키고자 하는 요소의 선택자 찾기

https://homzzang.com/b/css-251

 

2.

해당 요소가 블럭요소인지, 인라인요소인지 확인

https://homzzang.com/b/html-103

 

3.

[블럭요소 중앙정렬]

해당요소 선택자 {width: OOpx; margin:0 auto;}

 

[인라인요소 중앙정렬]

부모요소 선택자 {text-align:center;}

 

답변을 작성하시기 전에 로그인 해주세요.
전체 123,128 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT