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;}
잘 이해가안갔습니다,,혹시 어디부분 어디부분을 고쳐야할지 말씀해주실수있나요 ..
https://homzzang.com/b/css-282 예제 참고해 보세요.
어..뭔지 모르겠지만 저같은 경우에 가운데 정렬이 필요할때는
text-align:center; 이나 margin:0 auto; 를 씁니다