Design

네비게이션 줄바꿈 문의요.

네비게이션 글이 길어서 조금 잘린다고 합니다.

줄바꿈으로 해결하려는데 어떻게 하면 될까요?

예)

경제협회소개 > 경제
                   협회소개

이렇게요.

게시글 공유 URL복사
댓글[3]

열기 닫기

  • P**M 2016-07-06

    단순히 줄바꿈을 할려면 네비게이션에서 <br> 태그를 넣어주시기 바랍니다.

    네비게이션 마법사에 해당 메뉴 수정버튼 클릭을 하시고 한줄 띄우고 싶은 문구에다가 <br>을 삽입을 하시면 

    줄바꿈 처리가 됩니다. 

     

  • 강**재 2016-07-07

     

    말씀하신대로 네비게이션 마법사에서 <br>을 넣었는데, 간격이 너무 넓더라고요.

    크롬에서 얼마나 넓은지 봤더니... 많이 넓더라고요.... 간격을 완전하게 줄일 수 없을까요?

  • 배**영 2016-07-08

    <br>을 넣었다면 line-height:를 조절하셔야 합니다.

    그리고 line-height를 조절하시면 상단에 붙게 됩니다. 이부분은 아래이미지를 참고해 주시기 바랍니다.

    먼저 중간을 유지하게 하려면 레이아웃이 변경되어야 합니다.

    현재 ul.dep1 > li > a 안에 텍스트가 있습니다. ul.dep1 > li > a > span 안에 텍스트로 바꿔주세요.

    아래의 이미지는 display:table을 이용하여 높이비례 센터를 유지하게 한 부분입니다.

    a에 display:table;width:100%;를 주시고

    그안에 추가하신 span에 display:table-cell;vertical-align:middle을 span은 해당컨텐츠에서 중앙을 유지하게 됩니다. 텍스트부분은 line-height값으로 간격을 조정해 줬습니다. 

     

    아니면 letter-spacing css를 사용하셔도 좋을듯 합니다.

    http://www.w3schools.com/cssref/pr_text_letter-spacing.asp

     

댓글작성

열기 닫기

댓글작성

top