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

영카트 모바일 모드에서 정렬문제 질문드립니다. 채택완료

onedo 10년 전 조회 4,557


 

안녕하세요.

모바일 모드에서 css로 디자인을 변경하던중에 뭔가 정렬이 잘 안되는 문제가 생겨서 이렇게 질문드립니다.

 

위 사진 보시면 아이템에 테두리를 둘렀는데 보시듯이 정확히 중앙에 정렬이 안되네요..

소스상에선

 

  •  

     

    이렇게 패딩값이 들어가는데 실제 소스 인라인상에선 패딩부분은 없었습니다.

     

     

     

    이부분에서 jquery.fancylist.js​ 파일에서 아이템들의 정렬값을 조정해주는듯한데

    어떻게 해야 패딩레프트값을 조정할지 모르겠어요..

     

    선배님들의 고견을 구해봅니다~

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

    답변 2개

    채택된 답변
    +20 포인트
    f
    10년 전

    테두리를 두르면서 만든 것으로 보이는 좌우 패딩값 때문이 아닐까요?

     


     

    좌우 각각 10px로 만들었다면...

    설정에서 이미지 폭을 '210'으로 줄이면 안될까요?

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

    답변에 대한 댓글 1개

    o
    onedo
    10년 전
    댓글감사합니다~
    알려주신대로 해봤으나 패딩레프트값은 고대로라서 중앙정렬이 안되네요
    이미지를 더 줄이면 중앙정렬된듯이 만들수는 있을듯한데 그렇게 되면 또 좌우 공백이 생각보다 커지네요;;
    원소스를 수정해서 패딩값을 조정할수 있다면 좋을텐데 힘드네요..

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

    o
    10년 전

    혼자서 이리저리 알아봤지만 마땅히 해답을 못찾았습니다.

    답변채택이 안된 글이 2개 이상이면 질문이 등록안되는 문제로 일단 댓글주신 분 댓글을 채택했습니다.

    이후 이문제가 해결될 경우 새로 글을 올리겠습니다.

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

    답변에 대한 댓글 1개

    f
    fm25
    10년 전
    적당한 답변이 없거나 아예 답이 달리지 않았을 때는... 본문 오른쪽 아래의 '미채택 완료'를 눌러 종료해주세요.

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

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

    로그인