제이쿼리 개체 가운데정렬 질문입니다....
관련링크
본문
안녕하세요. 저번 질문을 통해 제이쿼리를 활성화 시키는건 성공했는데
이번엔 이미지를 가운데로 옮기고 싶어 2시간 가량 씨름하다
마음처럼 되지않아 다시한번 질문글 올려봅니다..ㅠ
현재 구현은 되어있는 상태인데 안에 나오는 이미지를 정 가운데로 정렬시키고 싶습니다..
div align="center" 도 해보고 margin left,right auto 도 해보았는데 안되더군요 ㅠㅠㅠ
완전히 접근을 잘못한것같은데 도움좀 주실 능력자분 계신가요?
(링크참조)
이미지 크기가 제각각인데 그 이미지들이 정 가운데로 왔으면 좋겠습니다..
이상한건 밑에 버튼은 가운데로 오는데... 이미지만 안되네요..
답변 4
- max-width: 100%;
- display: block;
- margin: 0 auto;
어... 제가 이걸 못봤네요... 댓글 정말 감사합니다.
근데 링크 다시보시면 아시겠지만 약ㄱ간 오른쪽으로 쏠려있는데
이걸 정 가운데로 옮기려면 어떻게해야할까요??ㅜㅜㅜㅜㅜ
해당 소스는 정상적으로 가운데 정렬을 했습니다.
문제는 해당li와 img 영역이 오른쪽으로 쏠려있네요?
사진 왼쪽에 ? 부분이 비어서 오른쪽으로 밀려있어서 그런걸로 보입니다
저걸 잡아주셔야할듯합니다
댓글 감사합니다 ! 저도 지금 그문제때문에 머리가 아프네요.... ㅠㅠㅠㅠ
li부분에 width:1904px로 되어있나요??
저부분을 width:96%로 하니깐 중간으로 맞긴한데
제대로 디버깅햇다기보다 넘긴 수준이라서...
도움이 될진 모르겠습니다
sliderr 부분에 알수없는 margin-left:40px 이 들어가있어서
추가로 margin-left-40px 을 넣는 방법으로 해결하긴 했는데...
굉장히 찝찝하네요... 아무리 찾아봐도 40 자체가 없는데 어디서 들어간걸까요?ㅜㅜㅋㅋ
ul class="sliderr" 에 스타일 추가해 줘보세요
<ul class="sliderr" style="width: auto; position: relative;">
를
<ul class="sliderr" style="width: auto; position: relative;margin:0 auto">