Как центрировать слайдер в 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 должен быть width: x, margin: 10px auto; и родитель должен также иметь ширину и, возможно, float: left; – Ruben

Изменение ширины

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

источник

2012-06-06 12:15:06

try #wpcontent_slider_container {position: absolute; Левое поле: Xpx; Запас-топ: 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> Tag

источник

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

У меня была та же проблема. Вот как я это решил:

#wpcontent_slider_container { 
margin-left: auto !important; 
margin-right: auto !important; 
} 

#wpcontent_slider { 
/* Your styling here */ 
}

Без «важного» элемента CSS тоже не работал.

источник

2013-10-16 20:17:37 user2375147

Наконец-то я могу исправить проблему с помощью слайдера на моей веб-странице.

Просто измените style.css, .main_img { float:left; margin:15px 10px 0 60px}, измените значения.

источник

2014-02-09 23:28:20 Hugo

Использование полей «margin-right» и «margin-left» on auto! Important работало и на меня. Он также работал даже без использования важной команды.

источник

2017-03-19 06:04:58 Sky

Как центрировать слайдер в css?

ответ

Смежные вопросы