JSSOR 滑块 - iOS 中的页面左对齐答案

【问题标题】：JSSOR Slider - page aligning left in iOSJSSOR 滑块 - iOS 中的页面左对齐
【发布时间】：2014-10-01 18:06:16
【问题描述】：

更新 10.03.14： 截图如下：http://www.thomasgsullivan.com/ipad.PNG

您好，我是一名图形和网页设计师，但我真正“构建”的唯一网站是我自己的作品集，所有网站都使用 Dreamweaver 实现所见即所得……所以我对这一切都是新手。

我在这里有一个网站：thomasgsullivan.com，它适用于所有设备。

我正在这里进行更新：http://www.thomasgsullivan.com/home.html#about

在计算机上一切正常，但在 iOS 中它向左对齐，JSSOR 滑块本身更是如此。

代码如下：

    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

    <!-- Slides Container -->
    <div u="slides" style="cursor: pointer; position: relative; width: 1000px; height: 400px;
        overflow: hidden;">
        <div><img u="image" src="img/slide1.gif"/></div>
        <div><img u="image" src="img/slide2.gif"/></div>
        <div><img u="image" src="img/slide3.gif"/></div>
        <div><img u="image" src="img/slide4.gif"/></div>
        <div><img u="image" src="img/slide5.gif"/></div>
    </div>

    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 166px; left: -3px;">
    </span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 166px; right: -3px">
    </span>
    <!-- Arrow Navigator Skin End -->
</div>
<!-- Jssor Slider End --></td>

非常感谢任何见解，谢谢！

PS：我知道页面上有 160 个错误...但这些都是 alt 标签，我认为不会影响这一点。

【问题讨论】：

标签： javascript jquery ios slider

【解决方案1】：

我认为您不需要表格来对齐元素中心。样式 'margin: 0 auto;'也可用于对齐元素中心。

请尝试删除表格元素并替换，

<div id="slider1_container" style="position: relative; width: 1000px; height: 400px;">

与

<div id="slider1_container" style="position: relative; margin: 0 auto; width: 1000px; height: 400px;">

【讨论】：

感谢jssor的回复！我移开了桌子，但幻灯片仍然向左移动...
上面添加的截图

【解决方案2】：

感谢您的所有帮助 jssor，我发现了这个问题，它与幻灯片放映无关，我有一条 1000 像素的线，由于某种原因，整个布局都被抛弃了……我删除了它，一切正常.

【讨论】：