안녕하세요.
모바일 모드에서 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"></script>
이부분에서 jquery.fancylist.js 파일에서 아이템들의 정렬값을 조정해주는듯한데
어떻게 해야 패딩레프트값을 조정할지 모르겠어요..
선배님들의 고견을 구해봅니다~
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2014-12-30 (화) 19:23:02
테두리를 두르면서 만든 것으로 보이는 좌우 패딩값 때문이 아닐까요?
좌우 각각 10px로 만들었다면...
설정에서 이미지 폭을 '210'으로 줄이면 안될까요?
답변에 대한 댓글 1개
onedo
2014-12-31 (수) 11:45:58
onedo
2015-01-22 (목) 17:32:39
혼자서 이리저리 알아봤지만 마땅히 해답을 못찾았습니다.
답변채택이 안된 글이 2개 이상이면 질문이 등록안되는 문제로 일단 댓글주신 분 댓글을 채택했습니다.
이후 이문제가 해결될 경우 새로 글을 올리겠습니다.
답변에 대한 댓글 1개
2015-01-22 (목) 18:18:33
적당한 답변이 없거나 아예 답이 달리지 않았을 때는... 본문 오른쪽 아래의 '미채택 완료'를 눌러 종료해주세요.
답변을 작성하려면 로그인이 필요합니다.
알려주신대로 해봤으나 패딩레프트값은 고대로라서 중앙정렬이 안되네요
이미지를 더 줄이면 중앙정렬된듯이 만들수는 있을듯한데 그렇게 되면 또 좌우 공백이 생각보다 커지네요;;
원소스를 수정해서 패딩값을 조정할수 있다면 좋을텐데 힘드네요..