Html 滑动视图中幻灯片的CSS

我正在使用java脚本、html和css在Phone Gap中工作。我已经使用实现了swipeview

我的疑问是CSS应该如何。我实现的CSS如下

.swiper-threshold {
width:100%;
height:350px;
margin-top:40px;
text-align:left;
line-height:20px;
font-size: 15px;
text-align:justify;
text-justify:inter-word;
}

.swiper-threshold .swiper-slide{
width:auto;
height:350px;
margin-top:2%;
margin-left:0;
padding-right:0%;
text-align:left;
line-height:20px;
font-size: 15px;
text-align:justify;
text-justify:inter-word;
}

滑动运动是从左到右。当它到达最后一个滑块时，运动会反转。 当，我改变

左边距：0从0到5…当我滑动时，左边的空间开始累积，最后一张幻灯片显示在屏幕的一半

但是，当我给出
左边距时：0全部都粘贴在左边距

html编码：

 <div id="swipe_body">
    <div class="swiper-container swiper-threshold">
        <div class="swiper-wrapper" id="swiper-wrapper">

        </div>
    </div>
</div>



SWIPER-SLIDE创建

            var val = k+1;
            var superdiv = document.getElementById('swiper-wrapper');
            var newdiv =  mySwiper.createSlide('div');
            newdiv.append();
            var divIdName = 'swiper-slide'+val;
            console.log("div name: "+divIdName);
            newdiv.setAttribute('id',divIdName);
            newdiv.className="swiper-slide";
            superdiv.appendChild(newdiv);
            var cnt = '<div id="container'+val+'" class="container">values</div>';
            document.getElementById(divIdName).innerHTML=cnt;
            console.log("processsing parameter loop ");

var-val=k+1；
var superdiv=document.getElementById（'swiper-wrapper'）；
var newdiv=myswider.createSlide（'div'）；
newdiv.append（）；
var divIdName='swiper slide'+val；
log（“div name:+divIdName”）；
newdiv.setAttribute（'id'，divIdName）；
newdiv.className=“swiper幻灯片”；
superdiv.appendChild（newdiv）；
var cnt=‘值’；
document.getElementById（divIdName）.innerHTML=cnt；
log（“处理参数循环”）；

我应该给出什么，使幻灯片的n次滑动应位于屏幕中间的相同位置

请引导我
如果是这样，那么出现问题的原因是滑块实现本身在左/右移动期间使用边距来定位滑块

为了控制滑块周围的间距，最简单的下注是将其包裹在另一个div中，您可以直接进行traget

因此，以您设置的维度/etc为例，您的HTML将改为如下所示：

<div class="slider-positioner">
    <div id="swipe_body">
        <div class="swiper-container swiper-threshold">
            <div class="swiper-wrapper" id="swiper-wrapper">

            </div>
        </div>
    </div>
</div>

约翰卡瓦纳格，是的，谢谢……我已经解决了这个问题……不，这个
margin:0px auto不起作用…但我已经对swiper的默认css进行了更改。如何添加swiper标识。添加它的重要因素是什么以及如何添加？啊，使元素居中的margin:auto-trick很大程度上取决于元素继承的其他样式（同样，还有父元素）。很高兴听到你已经解决了！不太确定您的附加问题是什么，它是否与原始CSS问题相关，还是作为附加问题（标记为“javascript”）打开更好？johnkavanagh，请让我知道您对……的看法，请指导
.slider-positioner{
    display: block;
    width: 550px; //set this to the width of your slider
    height: 350px;
    margin: 0px auto;
}