영카트 모바일 모드에서 정렬문제 질문드립니다. 채택완료
onedo
10년 전
조회 4,554
안녕하세요.
모바일 모드에서 css로 디자인을 변경하던중에 뭔가 정렬이 잘 안되는 문제가 생겨서 이렇게 질문드립니다.
위 사진 보시면 아이템에 테두리를 둘렀는데 보시듯이 정확히 중앙에 정렬이 안되네요..
소스상에선
<li class="sct_li sct_clear" style="width: 230px; padding-left: 63px; padding-right: 0px;">
이렇게 패딩값이 들어가는데 실제 소스 인라인상에선 패딩부분은 없었습니다.
<script src="http://naturalcare.co.kr/js/jquery.fancylist.js">http://naturalcare.co.kr/js/jquery.fancylist.js"></script>
이부분에서 jquery.fancylist.js 파일에서 아이템들의 정렬값을 조정해주는듯한데
어떻게 해야 패딩레프트값을 조정할지 모르겠어요..
선배님들의 고견을 구해봅니다~
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
테두리를 두르면서 만든 것으로 보이는 좌우 패딩값 때문이 아닐까요?
좌우 각각 10px로 만들었다면...
설정에서 이미지 폭을 '210'으로 줄이면 안될까요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
o
onedo
10년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
알려주신대로 해봤으나 패딩레프트값은 고대로라서 중앙정렬이 안되네요
이미지를 더 줄이면 중앙정렬된듯이 만들수는 있을듯한데 그렇게 되면 또 좌우 공백이 생각보다 커지네요;;
원소스를 수정해서 패딩값을 조정할수 있다면 좋을텐데 힘드네요..