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">https://homzzang.com/b/css-251
2.
해당 요소가 블럭요소인지, 인라인요소인지 확인
https://homzzang.com/b/html-103
3.
[블럭요소 중앙정렬]
해당요소 선택자 {width: OOpx; margin:0 auto;}
[인라인요소 중앙정렬]
부모요소 선택자 {text-align:center;}
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인