묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 메뉴 여백 없애기
2014.01.17 21:27
http://eond.com/eond_official_tomato
레이아웃 사용중 입니다.. 그런데 메뉴를 만들면 메뉴바 오른쪽 여백때문에 그러는데요..
메뉴와 메뉴사이 일정간격을 두어서, 메뉴갯수와 상관없이 메뉴바 오른쪽에 여백없이 보이려면 어떻게 해야할까요? @이온디 도와주세요...
댓글 2
-
ToFinder
2014.01.17 21:52
-
ForHanbi
2014.01.17 23:02
ToFinder 님이 정답입니다.
브라우져 마다 폰트별 자간 넓이도 조금식 다른걸로 알고 있고 거기다가 리스트별로 일정 비율로 넓이 정하고 text-align:center를 줘 버려도 들어가는 메뉴 텍스트 숫자마다 좌우 여백이 다르게 보이고... 결국 전체 넓이에서 각 메뉴의 A링크를 display:inline-block 처리하고 모든 A의 넓이합을 전체 넓이에서 빼고 그 남은값을 (전체메뉴 수*2)로 나눠서 좌우 padding을 넣어야 하는데... 계산하는 과정도 쉽게 안잡힐겁니다.
매뉴수와 관계 없이가 가장 힘이 드는 부분입니다.
이러한것을 사용하여버린다면 코드수도 많아지고 우선 메뉴를 정리를 해수 수량 확인하고
그에 맞는 %를 구하거나 길이를 구해야하는데 이렇게 되어버리면 속도저하가 되어져버립니다.
차라리 메뉴를 정해놓고 사이즈를 조절해주심이 좋을 듯 합니다.
저역시 그렇게 수정해보고 있어요 ^^