유니 프로젝트 용 사이트를 개발하는 중입니다. CSS를 사용하는 동안 자동으로 변경되는 슬라이더를 만들었습니다 (이 프로젝트에서 필자는 아무것도 사용하지 않습니다. 그밖에). 내가 겪고있는 문제는 슬라이드가 바뀌면 왼쪽 여백이 합쳐지기 시작하고 이유를 알 수 없다는 것입니다.순수 CSS 슬라이더 왼쪽 여백 증가
슬라이더에 필요한 HTML과 CSS로 페이지를 만들려고했는데 정상적으로 작동하지만 내 주 CSS 페이지에 통합되지 않았습니다.
모든 포인터가 감사하겠습니다!
이 볼 수있는 사이트 내가 당신을 최적화 할 수 있습니다 .. 쓸모 또는 덮어 특성이 많이있다, 문제는 CSS를 정말 지저분하다 .. 무엇인지 알아낼 수 없습니다 http://www.darkmatter-designs.com/
사이에 약간의 여백이 이미지는 너비를 조금 더 크게 만듭니다. 나는 당신이 당신의 CSS에서 리셋을 적용한 것을 본다, 그래서 이것은 아마 당신의 html에있는 공백에서오고있다. 빠른 수정과 같이 공백이나 그들 사이의 캐리지 리턴과 한 줄에 모든 li 및 img를 넣어하는 것입니다 :
<ul id="css-slider"><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_108.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_62.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_59.jpg" alt="slider"></li><li><img src="http://cdn.gtm.net.au/images/catalogue/sp_image_66.jpg" alt="slider"></li></ul>
가 나는 알고있다, 그것은 이상한.
입니다 그것 .. 하지만 어떻게 든 해결 방법을 발견 : 864px로 # CSS의 슬라이더의 너비를 설정 .. 그건 정말 적절한 해결책 아니지만 어쨌든 작동합니다.
수정 해 주셔서 감사합니다. 결국 나는이 문제에 대한 모든 해결책을 제시 한 사이트를 발견했다. (http://css-tricks.com/fighting-the-space-between-inline-block-elements/) # css-slider 요소에 text-size = 0 옵션을 사용했습니다. –