CSS에서 슬라이더를 중앙에 배치하는 방법?

테마에이 플러그인을 설치했습니다. 이 테마에는 슬라이더가 있지만 마음에 들지 않았습니다. 그래서 나는 이것을 설치했다. CSS에서 슬라이더를 중앙에 배치하는 방법?

http://wordpress.org/extend/plugins/content-slide/

나는이

#wpcontent_slider_container{ 
position:relative; 
margin: 0 auto; 
}

그리고이

#wpcontent_slider_container{ 
position:relative; 
margin-left:auto; 
margin-right:auto; 
}

그리고 아무 일도 발생하지 않습니다를 사용했습니다.

div에 뭔가 넣어야합니까?

출처

2012-06-06 Blackburn Rovers

는이 #wpcontent_slider_container 또는 #wpcontent_slider_container –

의 내용을 중심하려는이 내가 http://www.dodaj.rs/f/2x/Ay/39nHZAWw/slider-center.jpg –

처럼 보이게하는 방법을하면됩니다 jsfiddle로 문제를 재현 해보십시오. 그래서 우리는 바이올린을 편집하고 고칠 수 있습니다. CSS는 너비 여야합니다 : x, margin : 10px auto; 부모는 너비가 있어야하고 아마도 float : left; – Ruben

변경 폭

#wpcontent_slider_container{ 
    width: 500px; 
    margin:0 auto; 
}

출처

2012-06-06 12:15:06

시도 #wpcontent_slider_container {위치 : 절대; margin-left : Xpx; margin-top : Xpx; } ... –

다시 한 번. 또한 나는 css에서 다른 절대 위치를 가지고 있지 않다. –

#wpcontent_slider_container's에서 부모 요소는 중앙에

text-align:center;

가 정렬 추가하려면 #wpcontent_slider_container

출처

2012-06-06 12:15:58

나는 모든 sugestions를 시도하고 아무 일도 일어나지 않는다. 내가 뭘 잘못 했니? –

#wpcontent_slider_container{ 
text-align: center; 
}

또는 사용 <center> 태그

출처

2012-06-06 12:16:29

나는 모든 sugestions를 시도하고 아무 일도 일어나지 않는다. 내가 뭘 잘못 했니? –

이 라이브 프로젝트입니까? 과거 링크 –

슬라이더의 너비를 안다면, 센터 정렬이 고집 스러울 때 저에게 도움이되는 약간의 수정이 있습니다.

#sliderDiv{ 
    position:relative; 
    left:50%; 
    margin-left:-(half the width of the div); 
    (ex. if div is at 500px it would be margin-left:-250px;) 
}

꽤 좋지는 않지만 작동합니다. 당신은 외부 컨테이너의 수평 오버 플로우를 숨겨야 할 수도 있습니다.

출처

2012-06-06 21:22:03

동일한 문제가있었습니다. 이것은 내가 어떻게 해결 했는가이다 :

CSS는 나에게도 효과가 없다.

출처

2013-10-16 20:17:37 user2375147

마지막으로 웹 페이지의 슬라이더 ubication 문제를 해결할 수 있습니다.

style.css, .main_img { float:left; margin:15px 10px 0 60px}을 수정하여 값을 변경하십시오.

출처

2014-02-09 23:28:20 Hugo

자동으로 'margin-right'와 'margin-left'를 사용하면 important도 중요합니다. 그것은! important 명령을 사용하지 않고도 실제로 작동했습니다.

출처

2017-03-19 06:04:58 Sky

CSS에서 슬라이더를 중앙에 배치하는 방법?

답변

관련 문제