테스트 사이트 - 개발 중인 베타 버전입니다

드롭 다운 메뉴인데 가운데 정렬을 못하겠어요 채택완료

운명개척 3년 전 조회 3,491

안녕하세요..

드롭다운 메뉴소스 인데요

가운데 정렬을 하고 싶은데 

float:left; 을 수정하면 될거 같은데 못하겠어요

혹시 몰라서 center나 middle로 바꿔봐도 안되고요

도움 좀 요청합니다.

 

 

   

HTML/CSS 드롭다운메뉴

 

       

   

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

답변 4개

채택된 답변
+20 포인트

        #menu {

            font:bold 16px "malgun gothic";

            width:1300px;

            height:30px;

            background: #ffffff;

            color:#ffffff;

            line-height: 30px;

            margin:0 auto;

            text-align: center;

        }

 

이것을 봤을때 이 메뉴를 감싸고있는 wrap이 이보다 크다면 메뉴는 가운데 정렬이 되는데 

 

사장님이 말씀하신말씀은 li들을 가운대 정렬 시키고싶으시다는것이죠 ?

 

#menu>ul{display:inline-block;}  이것 한줄넣어주시면 1300 안에 가운대정렬이됩니다~

 

질문하신것이 이것이 아니라면 다시 코멘트남겨주세요 

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

답변에 대한 댓글 1개

운명개척
3년 전
덕분에 해결됐습니다.!^^ 감사합니다.~~^^* 건강하세요!

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

해당 페이지 주소(URL)을 올리시는 것이

빠르고 정확한 답변을 얻으실 수 있습니다.

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

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

s
sinbi Expert
3년 전

text-align:center 속성이나 margin:0 auto; 속성 이용해 보세요.

https://homzzang.com/b/css-254 (목차 1번 참고)

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

답변에 대한 댓글 1개

운명개척
3년 전
아직 초보라 봐도 잘 모르겠네요 ㅠㅠ...답변 감사합니다.!^^

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

어디를 가운데 정렬하고 싶다는거죠?

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

답변에 대한 댓글 1개

운명개척
3년 전
실행하면 메뉴가 홈페이지 창 가로 사이즈가 1000이고 메뉴 총 사이즈가 800이라면
예쁘게 가운데로 정렬해서 놓고 싶은데 왼쪽부터 정렬되어서 우측에 200사이즈 만큼의 여백이
생깁니다...그런데 제가 알아보니 float:left;은 가운데 정렬이 아니라 가로 정렬이군요..
무엇을 수정해야 할까요?

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

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

로그인