Question

更新10.03.14： 这是一个屏幕截图：http://www.thomasgsullivan.com/ipad.PNG

你好，我是一个图形＆amp;网页设计师，但我实际上只有＃34;构建＆＃34;是我自己的投资组合，所有WYSIWYG都有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标签，不应该影响我的想法。

Answer 1

我认为你不需要一张桌子来对齐元素中心。风格＆＃39;保证金：0自动;＆＃39;也适用于对齐元素中心。

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

<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;">

Answer 2

感谢你所有的帮助jssor，我发现了问题，它与幻灯片放映无关，我有一条1000px线因为某种原因抛弃了整个布局......我删除了它，一切都运行完美

JSSOR Slider - 在iOS中左侧页面对齐

2 个答案: